ColorTool
Entrar
#20202F

#20202f ≈ Rich Black

  • azul
  • Luminosidade: muito baixa
  • Saturação: suave
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#20202f é uma cor da família “azul”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 12,55% de vermelho, 12,55% de verde e 18,43% de azul; impressa em CMYK, usa 31,91% de ciano, 31,91% de magenta, 0% de amarelo e 81,57% de preto. Seu ângulo de matiz é 240°, com 18,99% de saturação e 15,49% de luminosidade em HSL. É uma cor fria, muitas vezes associada a confiança, estabilidade e foco. Designers costumam usá-la em produtos de tecnologia, finanças e bancos e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 16,04:1 (WCAG AAA). A cor nomeada mais próxima é Rich Black (#010b13), ΔE 10,15.

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

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

Complementar

  1. #20202f
  2. #2f2f20

Complementar dividida

  1. #20202f
  2. #2f2720
  3. #272f20

Análoga

  1. #20272f
  2. #20202f
  3. #27202f

Triádica

  1. #20202f
  2. #2f2020
  3. #202f20

Tetrádica

  1. #20202f
  2. #2f202f
  3. #2f2f20
  4. #202f20

Quadrada

  1. #20202f
  2. #2f2027
  3. #2f2f20
  4. #202f27

Monocromática

  1. #08080c
  2. #08080c
  3. #20202f
  4. #3f3f5d
  5. #5e5e8a

Sombras

#20202f misturado progressivamente com preto.

  1. #20202f
  2. #1d1d2a
  3. #1a1a26
  4. #161621
  5. #13131c
  6. #101018
  7. #0d0d13
  8. #0a0a0e
  9. #060609
  10. #030305
  11. #000000

Matizes claros

#20202f misturado progressivamente com branco.

  1. #20202f
  2. #363644
  3. #4d4d59
  4. #63636d
  5. #797982
  6. #909097
  7. #a6a6ac
  8. #bcbcc1
  9. #d2d2d5
  10. #e9e9ea
  11. #ffffff

Tons

#20202f misturado progressivamente com cinza.

  1. #20202f
  2. #2a2a37
  3. #33333f
  4. #3d3d47
  5. #46464f
  6. #505058
  7. #5a5a60
  8. #636368
  9. #6d6d70
  10. #767678
  11. #808080

Texto legível 16.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #212121 ≈ 0.003% dos homens
Acromatomalia #212127 ≈ 0.001% dos homens
Protanopia #1c2230 ≈ 1.01% dos homens
Deuteranopia #1b212f ≈ 1.27% dos homens
Tritanopia #1c2325 ≈ 0.0001% dos homens
Protanomalia #1e212f ≈ 1.08% dos homens
Deuteranomalia #1d212f ≈ 4.63% dos homens
Tritanomalia #1e2229 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-20202f {
  color: #20202f;
}
Fundo
.bg-20202f {
  background-color: #20202f;
  color: #ffffff;
}
Borda
.border-20202f {
  border: 2px solid #20202f;
}
Variáveis CSS
:root {
  --color-primary: #20202f;
  --color-primary-rgb: 32 32 47;
  --color-primary-hsl: 240 19% 15%;
}
Degradê
.gradient-20202f {
  background: linear-gradient(135deg, #20202f, #27202f);
}
Sombra colorida
.shadow-20202f {
  box-shadow: 0 8px 24px rgb(32 32 47 / 0.35);
}

#010b13 Rich Black ΔE 10.15 #002147 Oxford Blue ΔE 10.45 #1a1110 Licorice ΔE 10.59 #343434 Jet ΔE 11.05 #2a3439 Gunmetal ΔE 11.46 #353839 Onyx ΔE 11.89 #100c08 Smoky Black ΔE 12.15 #dfdfd0 Invertida #212121 Escala de cinza 

Rich Black
#20202f  rgb(32, 32, 47)  hsl(240, 19%, 15%)  Rich Black
#2f2f20  rgb(47, 47, 32)  hsl(60, 19%, 15%)  Black Olive
#2f2020  rgb(47, 32, 32)  hsl(0, 19%, 15%)  Licorice
#202f20  rgb(32, 47, 32)  hsl(120, 19%, 15%)  Phthalo Green