ColorTool
Entrar
#9FF6BF

#9ff6bf ≈ Celadon

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

#9ff6bf é uma cor da família “verde”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 62,35% de vermelho, 96,47% de verde e 74,9% de azul; impressa em CMYK, usa 35,37% de ciano, 0% de magenta, 22,36% de amarelo e 3,53% de preto. Seu ângulo de matiz é 142,07°, com 82,86% de saturação e 79,41% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 16,41:1 (WCAG AAA). A cor nomeada mais próxima é Celadon (#ace1af), ΔE 6,03.

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

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

Complementar

  1. #9ff6bf
  2. #f69fd6

Complementar dividida

  1. #9ff6bf
  2. #eb9ff6
  3. #f69faa

Análoga

  1. #aaf69f
  2. #9ff6bf
  3. #9ff6eb

Triádica

  1. #9ff6bf
  2. #bf9ff6
  3. #f6bf9f

Tetrádica

  1. #9ff6bf
  2. #9fd6f6
  3. #f69fd6
  4. #f6bf9f

Quadrada

  1. #9ff6bf
  2. #9faaf6
  3. #f69fd6
  4. #f6eb9f

Monocromática

  1. #16e662
  2. #59ef90
  3. #9ff6bf
  4. #e5fdee
  5. #ecfdf3

Sombras

#9ff6bf misturado progressivamente com preto.

  1. #9ff6bf
  2. #8fddac
  3. #7fc599
  4. #6fac86
  5. #5f9473
  6. #507b60
  7. #40624c
  8. #304a39
  9. #203126
  10. #101913
  11. #000000

Matizes claros

#9ff6bf misturado progressivamente com branco.

  1. #9ff6bf
  2. #a9f7c5
  3. #b2f8cc
  4. #bcf9d2
  5. #c5fad9
  6. #cffbdf
  7. #d9fbe5
  8. #e2fcec
  9. #ecfdf2
  10. #f5fef9
  11. #ffffff

Tons

#9ff6bf misturado progressivamente com cinza.

  1. #9ff6bf
  2. #9ceab9
  3. #99deb2
  4. #96d3ac
  5. #93c7a6
  6. #90bba0
  7. #8caf99
  8. #89a393
  9. #86988d
  10. #838c86
  11. #808080

Texto legível 1.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 16.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e3e3e3 ≈ 0.003% dos homens
Acromatomalia #ccebd6 ≈ 0.001% dos homens
Protanopia #f5e9bc ≈ 1.01% dos homens
Deuteranopia #e7dfc2 ≈ 1.27% dos homens
Tritanopia #8ef4e7 ≈ 0.0001% dos homens
Protanomalia #d8eebd ≈ 1.08% dos homens
Deuteranomalia #cee9c1 ≈ 4.63% dos homens
Tritanomalia #95f5d8 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-9ff6bf {
  color: #9ff6bf;
}
Fundo
.bg-9ff6bf {
  background-color: #9ff6bf;
  color: #000000;
}
Borda
.border-9ff6bf {
  border: 2px solid #9ff6bf;
}
Variáveis CSS
:root {
  --color-primary: #9ff6bf;
  --color-primary-rgb: 159 246 191;
  --color-primary-hsl: 142 83% 79%;
}
Degradê
.gradient-9ff6bf {
  background: linear-gradient(135deg, #9ff6bf, #9ff6eb);
}
Sombra colorida
.shadow-9ff6bf {
  box-shadow: 0 8px 24px rgb(159 246 191 / 0.35);
}

#ace1af Celadon ΔE 6.03 #aaf0d1 Magic Mint ΔE 6.06 #9fe2bf Seafoam Green ΔE 6.09 #7fffd4 Aquamarine ΔE 6.16 #a8e4a0 Granny Smith Apple ΔE 6.56 #90ee90 Light Green ΔE 7.91 #98fb98 Pale Green ΔE 8.05 #600940 Invertida #e3e3e3 Escala de cinza 

Celadon
#9ff6bf  rgb(159, 246, 191)  hsl(142, 83%, 79%)  Celadon
#f69fd6  rgb(246, 159, 214)  hsl(322, 83%, 79%)  Carnation Pink
#bf9ff6  rgb(191, 159, 246)  hsl(262, 83%, 79%)  Mauve
#f6bf9f  rgb(246, 191, 159)  hsl(22, 83%, 79%)  Apricot