ColorTool
Entrar
#855A36

#855a36 ≈ Raw Umber

  • marrom
  • Luminosidade: baixa
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#855a36 é uma cor da família “marrom”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 52,16% de vermelho, 35,29% de verde e 21,18% de azul; impressa em CMYK, usa 0% de ciano, 32,33% de magenta, 59,4% de amarelo e 47,84% de preto. Seu ângulo de matiz é 27,34°, com 42,25% de saturação e 36,67% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,98:1 (WCAG AA). A cor nomeada mais próxima é Raw Umber (#826644), ΔE 6,05.

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

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

Complementar

  1. #855a36
  2. #366185

Complementar dividida

  1. #855a36
  2. #368582
  3. #363a85

Análoga

  1. #85363a
  2. #855a36
  3. #858236

Triádica

  1. #855a36
  2. #36855a
  3. #5a3685

Tetrádica

  1. #855a36
  2. #618536
  3. #366185
  4. #5a3685

Quadrada

  1. #855a36
  2. #3a8536
  3. #366185
  4. #823685

Monocromática

  1. #18100a
  2. #4f3520
  3. #855a36
  4. #b87f50
  5. #cea786

Sombras

#855a36 misturado progressivamente com preto.

  1. #855a36
  2. #785131
  3. #6a482b
  4. #5d3f26
  5. #503620
  6. #432d1b
  7. #352416
  8. #281b10
  9. #1b120b
  10. #0d0905
  11. #000000

Matizes claros

#855a36 misturado progressivamente com branco.

  1. #855a36
  2. #916b4a
  3. #9d7b5e
  4. #aa8c72
  5. #b69c86
  6. #c2ad9b
  7. #cebdaf
  8. #dacec3
  9. #e7ded7
  10. #f3efeb
  11. #ffffff

Tons

#855a36 misturado progressivamente com cinza.

  1. #855a36
  2. #855e3d
  3. #846245
  4. #84654c
  5. #836954
  6. #836d5b
  7. #827162
  8. #82756a
  9. #817871
  10. #817c79
  11. #808080

Texto legível 5.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.51:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #636363 ≈ 0.003% dos homens
Acromatomalia #726055 ≈ 0.001% dos homens
Protanopia #675e33 ≈ 1.01% dos homens
Deuteranopia #716736 ≈ 1.27% dos homens
Tritanopia #905151 ≈ 0.0001% dos homens
Protanomalia #745c34 ≈ 1.08% dos homens
Deuteranomalia #7a6236 ≈ 4.63% dos homens
Tritanomalia #8c5548 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-855a36 {
  color: #855a36;
}
Fundo
.bg-855a36 {
  background-color: #855a36;
  color: #ffffff;
}
Borda
.border-855a36 {
  border: 2px solid #855a36;
}
Variáveis CSS
:root {
  --color-primary: #855a36;
  --color-primary-rgb: 133 90 54;
  --color-primary-hsl: 27 42% 37%;
}
Degradê
.gradient-855a36 {
  background: linear-gradient(135deg, #855a36, #858236);
}
Sombra colorida
.shadow-855a36 {
  box-shadow: 0 8px 24px rgb(133 90 54 / 0.35);
}

#826644 Raw Umber ΔE 6.05 #6f4e37 Coffee ΔE 6.69 #80461b Russet ΔE 6.99 #8b4513 Saddle Brown ΔE 8.31 #704214 Sepia ΔE 8.51 #a0522d Sienna ΔE 8.73 #996515 Golden Brown ΔE 9.95 #7aa5c9 Invertida #636363 Escala de cinza 

Raw Umber
#855a36  rgb(133, 90, 54)  hsl(27, 42%, 37%)  Raw Umber
#366185  rgb(54, 97, 133)  hsl(207, 42%, 37%)  Lapis Lazuli
#36855a  rgb(54, 133, 90)  hsl(147, 42%, 37%)  Sea Green
#5a3685  rgb(90, 54, 133)  hsl(267, 42%, 37%)  Rebecca Purple