ColorTool
Entrar
#BBCC4C

#bbcc4c ≈ June Bud

  • verde-limão
  • Luminosidade: média
  • Saturação: forte
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#bbcc4c é uma cor da família “verde-limão”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,33% de vermelho, 80% de verde e 29,8% de azul; impressa em CMYK, usa 8,33% de ciano, 0% de magenta, 62,75% de amarelo e 20% de preto. Seu ângulo de matiz é 67,97°, com 55,65% de saturação e 54,9% de luminosidade em HSL. É uma cor quente, muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 11,85:1 (WCAG AAA). A cor nomeada mais próxima é June Bud (#bdda57), ΔE 3,79.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cccc33
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.5427

Complementar

  1. #bbcc4c
  2. #5d4ccc

Complementar dividida

  1. #bbcc4c
  2. #4c7bcc
  3. #9d4ccc

Análoga

  1. #cc9d4c
  2. #bbcc4c
  3. #7bcc4c

Triádica

  1. #bbcc4c
  2. #4cbbcc
  3. #cc4cbb

Tetrádica

  1. #bbcc4c
  2. #4ccc5d
  3. #5d4ccc
  4. #cc4cbb

Quadrada

  1. #bbcc4c
  2. #4ccc9d
  3. #5d4ccc
  4. #cc4c7b

Monocromática

  1. #59631c
  2. #8f9e2d
  3. #bbcc4c
  4. #d2dd88
  5. #e8eec3

Sombras

#bbcc4c misturado progressivamente com preto.

  1. #bbcc4c
  2. #a8b844
  3. #96a33d
  4. #838f35
  5. #707a2e
  6. #5e6626
  7. #4b521e
  8. #383d17
  9. #25290f
  10. #131408
  11. #000000

Matizes claros

#bbcc4c misturado progressivamente com branco.

  1. #bbcc4c
  2. #c2d15e
  3. #c9d670
  4. #cfdb82
  5. #d6e094
  6. #dde6a6
  7. #e4ebb7
  8. #ebf0c9
  9. #f1f5db
  10. #f8faed
  11. #ffffff

Tons

#bbcc4c misturado progressivamente com cinza.

  1. #bbcc4c
  2. #b5c451
  3. #afbd56
  4. #a9b55c
  5. #a3ae61
  6. #9ea666
  7. #989e6b
  8. #929770
  9. #8c8f76
  10. #86887b
  11. #808080

Texto legível 1.77:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 11.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c3c3c3 ≈ 0.003% dos homens
Acromatomalia #c0c6a1 ≈ 0.001% dos homens
Protanopia #d9c23c ≈ 1.01% dos homens
Deuteranopia #d8c355 ≈ 1.27% dos homens
Tritanopia #c6c1b1 ≈ 0.0001% dos homens
Protanomalia #cec643 ≈ 1.08% dos homens
Deuteranomalia #cdc751 ≈ 4.63% dos homens
Tritanomalia #c2c694 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bbcc4c {
  color: #bbcc4c;
}
Fundo
.bg-bbcc4c {
  background-color: #bbcc4c;
  color: #000000;
}
Borda
.border-bbcc4c {
  border: 2px solid #bbcc4c;
}
Variáveis CSS
:root {
  --color-primary: #bbcc4c;
  --color-primary-rgb: 187 204 76;
  --color-primary-hsl: 68 56% 55%;
}
Degradê
.gradient-bbcc4c {
  background: linear-gradient(135deg, #bbcc4c, #7bcc4c);
}
Sombra colorida
.shadow-bbcc4c {
  box-shadow: 0 8px 24px rgb(187 204 76 / 0.35);
}

#bdda57 June Bud ΔE 3.79 #9acd32 Yellow Green ΔE 6.24 #d1e231 Pear ΔE 6.64 #e4d96f Straw ΔE 8.24 #8db600 Apple Green ΔE 8.55 #bdb76b Dark Khaki ΔE 9.20 #b2ec5d Inchworm ΔE 9.30 #4433b3 Invertida #c3c3c3 Escala de cinza 

June Bud
#bbcc4c  rgb(187, 204, 76)  hsl(68, 56%, 55%)  June Bud
#5d4ccc  rgb(93, 76, 204)  hsl(248, 56%, 55%)  Iris
#4cbbcc  rgb(76, 187, 204)  hsl(188, 56%, 55%)  Dark Turquoise
#cc4cbb  rgb(204, 76, 187)  hsl(308, 56%, 55%)  Medium Orchid