ColorTool
Entrar
#0BF2B7

#0bf2b7 ≈ Aquamarine

  • verde-azulado
  • Luminosidade: média
  • Saturação: vívida
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#0bf2b7 é uma cor da família “verde-azulado”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 4,31% de vermelho, 94,9% de verde e 71,76% de azul; impressa em CMYK, usa 95,45% de ciano, 0% de magenta, 24,38% de amarelo e 5,1% de preto. Seu ângulo de matiz é 164,68°, com 91,3% de saturação e 49,61% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a clareza, calma e renovação. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 14,4:1 (WCAG AAA). A cor nomeada mais próxima é Aquamarine (#7fffd4), ΔE 6,42.

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

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

Complementar

  1. #0bf2b7
  2. #f20b46

Complementar dividida

  1. #0bf2b7
  2. #f20bb9
  3. #f2440b

Análoga

  1. #0bf244
  2. #0bf2b7
  3. #0bb9f2

Triádica

  1. #0bf2b7
  2. #b70bf2
  3. #f2b70b

Tetrádica

  1. #0bf2b7
  2. #0b46f2
  3. #f20b46
  4. #f2b70b

Quadrada

  1. #0bf2b7
  2. #440bf2
  3. #f20b46
  4. #b9f20b

Monocromática

  1. #046048
  2. #08a980
  3. #0bf2b7
  4. #52f7cd
  5. #9cfae2

Sombras

#0bf2b7 misturado progressivamente com preto.

  1. #0bf2b7
  2. #0adaa5
  3. #09c292
  4. #08a980
  5. #07916e
  6. #06795c
  7. #046149
  8. #034937
  9. #023025
  10. #011812
  11. #000000

Matizes claros

#0bf2b7 misturado progressivamente com branco.

  1. #0bf2b7
  2. #23f3be
  3. #3cf5c5
  4. #54f6cd
  5. #6df7d4
  6. #85f9db
  7. #9dfae2
  8. #b6fbe9
  9. #cefcf1
  10. #e7fef8
  11. #ffffff

Tons

#0bf2b7 misturado progressivamente com cinza.

  1. #0bf2b7
  2. #17e7b2
  3. #22dbac
  4. #2ed0a7
  5. #3ac4a1
  6. #46b99c
  7. #51ae96
  8. #5da291
  9. #69978b
  10. #748b86
  11. #808080

Texto legível 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 14.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d6d6d6 ≈ 0.003% dos homens
Acromatomalia #aae2ca ≈ 0.001% dos homens
Protanopia #ece0b4 ≈ 1.01% dos homens
Deuteranopia #d4cebb ≈ 1.27% dos homens
Tritanopia #00f3e2 ≈ 0.0001% dos homens
Protanomalia #bce7b5 ≈ 1.08% dos homens
Deuteranomalia #a9deb9 ≈ 4.63% dos homens
Tritanomalia #00f3d2 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-0bf2b7 {
  color: #0bf2b7;
}
Fundo
.bg-0bf2b7 {
  background-color: #0bf2b7;
  color: #000000;
}
Borda
.border-0bf2b7 {
  border: 2px solid #0bf2b7;
}
Variáveis CSS
:root {
  --color-primary: #0bf2b7;
  --color-primary-rgb: 11 242 183;
  --color-primary-hsl: 165 91% 50%;
}
Degradê
.gradient-0bf2b7 {
  background: linear-gradient(135deg, #0bf2b7, #0bb9f2);
}
Sombra colorida
.shadow-0bf2b7 {
  box-shadow: 0 8px 24px rgb(11 242 183 / 0.35);
}

#7fffd4 Aquamarine ΔE 6.42 #00fa9a Medium Spring Green ΔE 6.77 #00cc99 Caribbean Green ΔE 8.78 #66cdaa Medium Aquamarine ΔE 9.95 #9fe2bf Seafoam Green ΔE 11.04 #00ff7f Spring Green ΔE 11.21 #aaf0d1 Magic Mint ΔE 11.40 #f40d48 Invertida #d6d6d6 Escala de cinza 

Aquamarine
#0bf2b7  rgb(11, 242, 183)  hsl(165, 91%, 50%)  Aquamarine
#f20b46  rgb(242, 11, 70)  hsl(345, 91%, 50%)  Folly
#b70bf2  rgb(183, 11, 242)  hsl(285, 91%, 50%)  Electric Purple
#f2b70b  rgb(242, 183, 11)  hsl(45, 91%, 50%)  Amber