ColorTool
Entrar
#02776B

#02776b ≈ Pine Green

  • verde-azulado
  • Luminosidade: baixa
  • Saturação: moderada
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#02776b é uma cor da família “verde-azulado”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 0,78% de vermelho, 46,67% de verde e 41,96% de azul; impressa em CMYK, usa 98,32% de ciano, 0% de magenta, 10,08% de amarelo e 53,33% de preto. Seu ângulo de matiz é 173,85°, com 96,69% de saturação e 23,73% de luminosidade em HSL. É uma cor fria, muitas vezes associada a clareza, calma e renovação. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 5,45:1 (WCAG AA). A cor nomeada mais próxima é Pine Green (#01796f), ΔE 1,13.

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

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

Complementar

  1. #02776b
  2. #77020e

Complementar dividida

  1. #02776b
  2. #770249
  3. #773102

Análoga

  1. #027731
  2. #02776b
  3. #024977

Triádica

  1. #02776b
  2. #6b0277
  3. #776b02

Tetrádica

  1. #02776b
  2. #020e77
  3. #77020e
  4. #776b02

Quadrada

  1. #02776b
  2. #310277
  3. #77020e
  4. #497702

Monocromática

  1. #001412
  2. #012c27
  3. #02776b
  4. #03c2af
  5. #17fbe4

Sombras

#02776b misturado progressivamente com preto.

  1. #02776b
  2. #026b60
  3. #025f56
  4. #01534b
  5. #014740
  6. #013c36
  7. #01302b
  8. #012420
  9. #001815
  10. #000c0b
  11. #000000

Matizes claros

#02776b misturado progressivamente com branco.

  1. #02776b
  2. #1b857a
  3. #359289
  4. #4ea097
  5. #67ada6
  6. #81bbb5
  7. #9ac9c4
  8. #b3d6d3
  9. #cce4e1
  10. #e6f1f0
  11. #ffffff

Tons

#02776b misturado progressivamente com cinza.

  1. #02776b
  2. #0f786d
  3. #1b796f
  4. #287a71
  5. #347b73
  6. #417c76
  7. #4e7c78
  8. #5a7d7a
  9. #677e7c
  10. #737f7e
  11. #808080

Texto legível 5.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.85:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #696969 ≈ 0.003% dos homens
Acromatomalia #536f6a ≈ 0.001% dos homens
Protanopia #716f6b ≈ 1.01% dos homens
Deuteranopia #63656c ≈ 1.27% dos homens
Tritanopia #007a73 ≈ 0.0001% dos homens
Protanomalia #58726b ≈ 1.08% dos homens
Deuteranomalia #4e6d6c ≈ 4.63% dos homens
Tritanomalia #007970 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-02776b {
  color: #02776b;
}
Fundo
.bg-02776b {
  background-color: #02776b;
  color: #ffffff;
}
Borda
.border-02776b {
  border: 2px solid #02776b;
}
Variáveis CSS
:root {
  --color-primary: #02776b;
  --color-primary-rgb: 2 119 107;
  --color-primary-hsl: 174 97% 24%;
}
Degradê
.gradient-02776b {
  background: linear-gradient(135deg, #02776b, #024977);
}
Sombra colorida
.shadow-02776b {
  box-shadow: 0 8px 24px rgb(2 119 107 / 0.35);
}

#01796f Pine Green ΔE 1.13 #00755e Tropical Rain Forest ΔE 4.35 #317873 Myrtle Green ΔE 4.42 #008080 Teal ΔE 6.18 #40826d Viridian ΔE 6.96 #008b8b Dark Cyan ΔE 9.14 #006b3c Cadmium Green ΔE 12.92 #fd8894 Invertida #696969 Escala de cinza 

Pine Green
#02776b  rgb(2, 119, 107)  hsl(174, 97%, 24%)  Pine Green
#77020e  rgb(119, 2, 14)  hsl(354, 97%, 24%)  Falu Red
#6b0277  rgb(107, 2, 119)  hsl(294, 97%, 24%)  Purple
#776b02  rgb(119, 107, 2)  hsl(54, 97%, 24%)  Olive