ColorTool
Entrar
#D48C55

#d48c55 ≈ Persian Orange

  • laranja
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#d48c55 é uma cor da família “laranja”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 83,14% de vermelho, 54,9% de verde e 33,33% de azul; impressa em CMYK, usa 0% de ciano, 33,96% de magenta, 59,91% de amarelo e 16,86% de preto. Seu ângulo de matiz é 25,98°, com 59,62% de saturação e 58,24% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 7,68:1 (WCAG AAA). A cor nomeada mais próxima é Persian Orange (#d99058), ΔE 1,3.

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

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

Complementar

  1. #d48c55
  2. #559dd4

Complementar dividida

  1. #d48c55
  2. #55d4cb
  3. #555ed4

Análoga

  1. #d4555e
  2. #d48c55
  3. #d4cb55

Triádica

  1. #d48c55
  2. #55d48c
  3. #8c55d4

Tetrádica

  1. #d48c55
  2. #9dd455
  3. #559dd4
  4. #8c55d4

Quadrada

  1. #d48c55
  2. #5ed455
  3. #559dd4
  4. #cb55d4

Monocromática

  1. #73421d
  2. #b0652d
  3. #d48c55
  4. #e3b592
  5. #f3dfcf

Sombras

#d48c55 misturado progressivamente com preto.

  1. #d48c55
  2. #bf7e4d
  3. #aa7044
  4. #94623c
  5. #7f5433
  6. #6a462b
  7. #553822
  8. #402a1a
  9. #2a1c11
  10. #150e09
  11. #000000

Matizes claros

#d48c55 misturado progressivamente com branco.

  1. #d48c55
  2. #d89866
  3. #dda377
  4. #e1af88
  5. #e5ba99
  6. #eac6aa
  7. #eed1bb
  8. #f2ddcc
  9. #f6e8dd
  10. #fbf4ee
  11. #ffffff

Tons

#d48c55 misturado progressivamente com cinza.

  1. #d48c55
  2. #cc8b59
  3. #c38a5e
  4. #bb8862
  5. #b28766
  6. #aa866b
  7. #a2856f
  8. #998473
  9. #918277
  10. #88817c
  11. #808080

Texto legível 2.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9c9c9c ≈ 0.003% dos homens
Acromatomalia #b59686 ≈ 0.001% dos homens
Protanopia #a19350 ≈ 1.01% dos homens
Deuteranopia #b2a355 ≈ 1.27% dos homens
Tritanopia #e67d7f ≈ 0.0001% dos homens
Protanomalia #b89052 ≈ 1.08% dos homens
Deuteranomalia #c19a55 ≈ 4.63% dos homens
Tritanomalia #df8370 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-d48c55 {
  color: #d48c55;
}
Fundo
.bg-d48c55 {
  background-color: #d48c55;
  color: #000000;
}
Borda
.border-d48c55 {
  border: 2px solid #d48c55;
}
Variáveis CSS
:root {
  --color-primary: #d48c55;
  --color-primary-rgb: 212 140 85;
  --color-primary-hsl: 26 60% 58%;
}
Degradê
.gradient-d48c55 {
  background: linear-gradient(135deg, #d48c55, #d4cb55);
}
Sombra colorida
.shadow-d48c55 {
  box-shadow: 0 8px 24px rgb(212 140 85 / 0.35);
}

#d99058 Persian Orange ΔE 1.30 #d68a59 Raw Sienna ΔE 2.17 #cd853f Peru ΔE 4.11 #cd7f32 Bronze ΔE 5.61 #ed872d Cadmium Orange ΔE 6.78 #cc7722 Ochre ΔE 7.62 #f4a460 Sandy Brown ΔE 7.78 #2b73aa Invertida #9c9c9c Escala de cinza 

Persian Orange
#d48c55  rgb(212, 140, 85)  hsl(26, 60%, 58%)  Persian Orange
#559dd4  rgb(85, 157, 212)  hsl(206, 60%, 58%)  Carolina Blue
#55d48c  rgb(85, 212, 140)  hsl(146, 60%, 58%)  Emerald
#8c55d4  rgb(140, 85, 212)  hsl(266, 60%, 58%)  Amethyst