ColorTool
Entrar
#237A6D

#237a6d ≈ Pine Green

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

#237a6d é uma cor da família “verde-azulado”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 13,73% de vermelho, 47,84% de verde e 42,75% de azul; impressa em CMYK, usa 71,31% de ciano, 0% de magenta, 10,66% de amarelo e 52,16% de preto. Seu ângulo de matiz é 171,03°, com 55,41% de saturação e 30,78% 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 identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 5,15:1 (WCAG AA). A cor nomeada mais próxima é Pine Green (#01796f), ΔE 1,98.

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

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

Complementar

  1. #237a6d
  2. #7a2330

Complementar dividida

  1. #237a6d
  2. #7a235b
  3. #7a4123

Análoga

  1. #237a41
  2. #237a6d
  3. #235b7a

Triádica

  1. #237a6d
  2. #6d237a
  3. #7a6d23

Tetrádica

  1. #237a6d
  2. #23307a
  3. #7a2330
  4. #7a6d23

Quadrada

  1. #237a6d
  2. #41237a
  3. #7a2330
  4. #5b7a23

Monocromática

  1. #05100e
  2. #123f38
  3. #237a6d
  4. #34b5a2
  5. #64d2c2

Sombras

#237a6d misturado progressivamente com preto.

  1. #237a6d
  2. #206e62
  3. #1c6257
  4. #19554c
  5. #154941
  6. #123d37
  7. #0e312c
  8. #0b2521
  9. #071816
  10. #040c0b
  11. #000000

Matizes claros

#237a6d misturado progressivamente com branco.

  1. #237a6d
  2. #39877c
  3. #4f958a
  4. #65a299
  5. #7bafa7
  6. #91bdb6
  7. #a7cac5
  8. #bdd7d3
  9. #d3e4e2
  10. #e9f2f0
  11. #ffffff

Tons

#237a6d misturado progressivamente com cinza.

  1. #237a6d
  2. #2c7b6f
  3. #367b71
  4. #3f7c73
  5. #487c75
  6. #527d77
  7. #5b7e78
  8. #647e7a
  9. #6d7f7c
  10. #777f7e
  11. #808080

Texto legível 5.15:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6d6d6d ≈ 0.003% dos homens
Acromatomalia #59736d ≈ 0.001% dos homens
Protanopia #74736d ≈ 1.01% dos homens
Deuteranopia #686a6e ≈ 1.27% dos homens
Tritanopia #007c76 ≈ 0.0001% dos homens
Protanomalia #5e766d ≈ 1.08% dos homens
Deuteranomalia #55706e ≈ 4.63% dos homens
Tritanomalia #007b72 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-237a6d {
  color: #237a6d;
}
Fundo
.bg-237a6d {
  background-color: #237a6d;
  color: #ffffff;
}
Borda
.border-237a6d {
  border: 2px solid #237a6d;
}
Variáveis CSS
:root {
  --color-primary: #237a6d;
  --color-primary-rgb: 35 122 109;
  --color-primary-hsl: 171 55% 31%;
}
Degradê
.gradient-237a6d {
  background: linear-gradient(135deg, #237a6d, #235b7a);
}
Sombra colorida
.shadow-237a6d {
  box-shadow: 0 8px 24px rgb(35 122 109 / 0.35);
}

#01796f Pine Green ΔE 1.98 #317873 Myrtle Green ΔE 3.78 #00755e Tropical Rain Forest ΔE 4.67 #40826d Viridian ΔE 5.15 #008080 Teal ΔE 6.00 #008b8b Dark Cyan ΔE 8.44 #006b3c Cadmium Green ΔE 13.03 #dc8592 Invertida #6d6d6d Escala de cinza 

Pine Green
#237a6d  rgb(35, 122, 109)  hsl(171, 55%, 31%)  Pine Green
#7a2330  rgb(122, 35, 48)  hsl(351, 55%, 31%)  Claret
#6d237a  rgb(109, 35, 122)  hsl(291, 55%, 31%)  Eminence
#7a6d23  rgb(122, 109, 35)  hsl(51, 55%, 31%)  Olive