ColorTool
Entrar
#E9692A

#e9692a ≈ Persimmon

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

#e9692a é uma cor da família “laranja”, com luminosidade média e saturação forte. No modelo RGB, é formada por 91,37% de vermelho, 41,18% de verde e 16,47% de azul; impressa em CMYK, usa 0% de ciano, 54,94% de magenta, 81,97% de amarelo e 8,63% de preto. Seu ângulo de matiz é 19,79°, com 81,28% de saturação e 53,92% 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 e marcas de alimentos e restaurantes. Texto preto sobre esta cor atinge uma razão de contraste de 6,52:1 (WCAG AA). A cor nomeada mais próxima é Persimmon (#ec5800), ΔE 3,72.

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

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

Complementar

  1. #e9692a
  2. #2aaae9

Complementar dividida

  1. #e9692a
  2. #2ae9c8
  3. #2a4ae9

Análoga

  1. #e92a4a
  2. #e9692a
  3. #e9c82a

Triádica

  1. #e9692a
  2. #2ae969
  3. #692ae9

Tetrádica

  1. #e9692a
  2. #aae92a
  3. #2aaae9
  4. #692ae9

Quadrada

  1. #e9692a
  2. #4ae92a
  3. #2aaae9
  4. #c82ae9

Monocromática

  1. #6f2c0b
  2. #b44813
  3. #e9692a
  4. #f09a6f
  5. #f7cbb5

Sombras

#e9692a misturado progressivamente com preto.

  1. #e9692a
  2. #d25f26
  3. #ba5422
  4. #a34a1d
  5. #8c3f19
  6. #753515
  7. #5d2a11
  8. #46200d
  9. #2f1508
  10. #170b04
  11. #000000

Matizes claros

#e9692a misturado progressivamente com branco.

  1. #e9692a
  2. #eb783f
  3. #ed8755
  4. #f0966a
  5. #f2a57f
  6. #f4b495
  7. #f6c3aa
  8. #f8d2bf
  9. #fbe1d4
  10. #fdf0ea
  11. #ffffff

Tons

#e9692a misturado progressivamente com cinza.

  1. #e9692a
  2. #df6b33
  3. #d46e3b
  4. #ca7044
  5. #bf724c
  6. #b57555
  7. #aa775e
  8. #a07966
  9. #957b6f
  10. #8b7e77
  11. #808080

Texto legível 3.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8f8f8f ≈ 0.003% dos homens
Acromatomalia #ba8274 ≈ 0.001% dos homens
Protanopia #8d7d20 ≈ 1.01% dos homens
Deuteranopia #ad9a25 ≈ 1.27% dos homens
Tritanopia #ff4b5d ≈ 0.0001% dos homens
Protanomalia #b97624 ≈ 1.08% dos homens
Deuteranomalia #c88927 ≈ 4.63% dos homens
Tritanomalia #f7594d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e9692a {
  color: #e9692a;
}
Fundo
.bg-e9692a {
  background-color: #e9692a;
  color: #000000;
}
Borda
.border-e9692a {
  border: 2px solid #e9692a;
}
Variáveis CSS
:root {
  --color-primary: #e9692a;
  --color-primary-rgb: 233 105 42;
  --color-primary-hsl: 20 81% 54%;
}
Degradê
.gradient-e9692a {
  background: linear-gradient(135deg, #e9692a, #e9c82a);
}
Sombra colorida
.shadow-e9692a {
  box-shadow: 0 8px 24px rgb(233 105 42 / 0.35);
}

#ec5800 Persimmon ΔE 3.72 #e25822 Flame ΔE 4.61 #f94d00 Tangelo ΔE 5.33 #ff4f00 International Orange ΔE 5.34 #d2691e Chocolate ΔE 5.70 #ff7518 Pumpkin ΔE 6.13 #ff4500 Orange Red ΔE 6.65 #1696d5 Invertida #8f8f8f Escala de cinza 

Persimmon
#e9692a  rgb(233, 105, 42)  hsl(20, 81%, 54%)  Persimmon
#2aaae9  rgb(42, 170, 233)  hsl(200, 81%, 54%)  Carolina Blue
#2ae969  rgb(42, 233, 105)  hsl(140, 81%, 54%)  Malachite
#692ae9  rgb(105, 42, 233)  hsl(260, 81%, 54%)  Electric Indigo