ColorTool
Entrar
#CCB249

#ccb249 ≈ Old Gold

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

#ccb249 é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 80% de vermelho, 69,8% de verde e 28,63% de azul; impressa em CMYK, usa 0% de ciano, 12,75% de magenta, 64,22% de amarelo e 20% de preto. Seu ângulo de matiz é 48,09°, com 56,22% de saturação e 54,31% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 10,03:1 (WCAG AAA). A cor nomeada mais próxima é Old Gold (#cfb53b), ΔE 2,06.

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

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

Complementar

  1. #ccb249
  2. #4963cc

Complementar dividida

  1. #ccb249
  2. #49a4cc
  3. #7049cc

Análoga

  1. #cc7049
  2. #ccb249
  3. #a4cc49

Triádica

  1. #ccb249
  2. #49ccb2
  3. #b249cc

Tetrádica

  1. #ccb249
  2. #63cc49
  3. #4963cc
  4. #b249cc

Quadrada

  1. #ccb249
  2. #49cc70
  3. #4963cc
  4. #cc49a4

Monocromática

  1. #61531b
  2. #9d862c
  3. #ccb249
  4. #ddcb85
  5. #ede5c0

Sombras

#ccb249 misturado progressivamente com preto.

  1. #ccb249
  2. #b8a042
  3. #a38e3a
  4. #8f7d33
  5. #7a6b2c
  6. #665925
  7. #52471d
  8. #3d3516
  9. #29240f
  10. #141207
  11. #000000

Matizes claros

#ccb249 misturado progressivamente com branco.

  1. #ccb249
  2. #d1ba5b
  3. #d6c16d
  4. #dbc980
  5. #e0d192
  6. #e6d9a4
  7. #ebe0b6
  8. #f0e8c8
  9. #f5f0db
  10. #faf7ed
  11. #ffffff

Tons

#ccb249 misturado progressivamente com cinza.

  1. #ccb249
  2. #c4ad4f
  3. #bda854
  4. #b5a35a
  5. #ae9e5f
  6. #a69965
  7. #9e946a
  8. #978f70
  9. #8f8a75
  10. #88857b
  11. #808080

Texto legível 2.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b3b3b3 ≈ 0.003% dos homens
Acromatomalia #beb394 ≈ 0.001% dos homens
Protanopia #c3ae3d ≈ 1.01% dos homens
Deuteranopia #cab74e ≈ 1.27% dos homens
Tritanopia #dca59c ≈ 0.0001% dos homens
Protanomalia #c7b042 ≈ 1.08% dos homens
Deuteranomalia #cbb54c ≈ 4.63% dos homens
Tritanomalia #d5aa83 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ccb249 {
  color: #ccb249;
}
Fundo
.bg-ccb249 {
  background-color: #ccb249;
  color: #000000;
}
Borda
.border-ccb249 {
  border: 2px solid #ccb249;
}
Variáveis CSS
:root {
  --color-primary: #ccb249;
  --color-primary-rgb: 204 178 73;
  --color-primary-hsl: 48 56% 54%;
}
Degradê
.gradient-ccb249 {
  background: linear-gradient(135deg, #ccb249, #a4cc49);
}
Sombra colorida
.shadow-ccb249 {
  box-shadow: 0 8px 24px rgb(204 178 73 / 0.35);
}

#cfb53b Old Gold ΔE 2.06 #c5b358 Vegas Gold ΔE 2.92 #d4af37 Metallic Gold ΔE 3.36 #b5a642 Brass ΔE 5.06 #e5b73b Meat Brown ΔE 5.99 #bdb76b Dark Khaki ΔE 7.27 #daa520 Goldenrod ΔE 7.88 #334db6 Invertida #b3b3b3 Escala de cinza 

Old Gold
#ccb249  rgb(204, 178, 73)  hsl(48, 56%, 54%)  Old Gold
#4963cc  rgb(73, 99, 204)  hsl(228, 56%, 54%)  Royal Blue
#49ccb2  rgb(73, 204, 178)  hsl(168, 56%, 54%)  Medium Aquamarine
#b249cc  rgb(178, 73, 204)  hsl(288, 56%, 54%)  Medium Orchid