ColorTool
Entrar
#BDD28A

#bdd28a ≈ Olivine

  • verde-limão
  • Luminosidade: alta
  • Saturação: moderada
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#bdd28a é uma cor da família “verde-limão”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 74,12% de vermelho, 82,35% de verde e 54,12% de azul; impressa em CMYK, usa 10% de ciano, 0% de magenta, 34,29% de amarelo e 17,65% de preto. Seu ângulo de matiz é 77,5°, com 44,44% de saturação e 68,24% de luminosidade em HSL. Fica entre quente e fria e é 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 12,75:1 (WCAG AAA). A cor nomeada mais próxima é Olivine (#9ab973), ΔE 7,4.

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

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

Complementar

  1. #bdd28a
  2. #9f8ad2

Complementar dividida

  1. #bdd28a
  2. #8a99d2
  3. #c38ad2

Análoga

  1. #d2c38a
  2. #bdd28a
  3. #99d28a

Triádica

  1. #bdd28a
  2. #8abdd2
  3. #d28abd

Tetrádica

  1. #bdd28a
  2. #8ad29f
  3. #9f8ad2
  4. #d28abd

Quadrada

  1. #bdd28a
  2. #8ad2c3
  3. #9f8ad2
  4. #d28a99

Monocromática

  1. #748d36
  2. #9ebd53
  3. #bdd28a
  4. #dce7c1
  5. #f7f9f0

Sombras

#bdd28a misturado progressivamente com preto.

  1. #bdd28a
  2. #aabd7c
  3. #97a86e
  4. #849361
  5. #717e53
  6. #5f6945
  7. #4c5437
  8. #393f29
  9. #262a1c
  10. #13150e
  11. #000000

Matizes claros

#bdd28a misturado progressivamente com branco.

  1. #bdd28a
  2. #c4d796
  3. #cadba1
  4. #d1e0ad
  5. #d7e4b9
  6. #dee9c5
  7. #e5edd0
  8. #ebf2dc
  9. #f2f6e8
  10. #f8fbf3
  11. #ffffff

Tons

#bdd28a misturado progressivamente com cinza.

  1. #bdd28a
  2. #b7ca89
  3. #b1c288
  4. #abb987
  5. #a5b186
  6. #9fa985
  7. #98a184
  8. #929983
  9. #8c9082
  10. #868881
  11. #808080

Texto legível 1.65:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cacaca ≈ 0.003% dos homens
Acromatomalia #c5cdb4 ≈ 0.001% dos homens
Protanopia #daca85 ≈ 1.01% dos homens
Deuteranopia #d8ca8d ≈ 1.27% dos homens
Tritanopia #c3cbc0 ≈ 0.0001% dos homens
Protanomalia #cfcd87 ≈ 1.08% dos homens
Deuteranomalia #cdcd8c ≈ 4.63% dos homens
Tritanomalia #c0cead ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bdd28a {
  color: #bdd28a;
}
Fundo
.bg-bdd28a {
  background-color: #bdd28a;
  color: #000000;
}
Borda
.border-bdd28a {
  border: 2px solid #bdd28a;
}
Variáveis CSS
:root {
  --color-primary: #bdd28a;
  --color-primary-rgb: 189 210 138;
  --color-primary-hsl: 78 44% 68%;
}
Degradê
.gradient-bdd28a {
  background: linear-gradient(135deg, #bdd28a, #99d28a);
}
Sombra colorida
.shadow-bdd28a {
  box-shadow: 0 8px 24px rgb(189 210 138 / 0.35);
}

#9ab973 Olivine ΔE 7.40 #93c572 Pistachio ΔE 7.46 #a8e4a0 Granny Smith Apple ΔE 8.47 #bdda57 June Bud ΔE 8.55 #bdb76b Dark Khaki ΔE 9.39 #d0f0c0 Tea Green ΔE 9.47 #ace1af Celadon ΔE 9.64 #422d75 Invertida #cacaca Escala de cinza 

Olivine
#bdd28a  rgb(189, 210, 138)  hsl(78, 44%, 68%)  Olivine
#9f8ad2  rgb(159, 138, 210)  hsl(258, 44%, 68%)  Floral Lavender
#8abdd2  rgb(138, 189, 210)  hsl(198, 44%, 68%)  Sky Blue
#d28abd  rgb(210, 138, 189)  hsl(318, 44%, 68%)  Sky Magenta