ColorTool
Se connecter
#D2B714

#d2b714 ≈ Old Gold

  • jaune
  • Luminosité: moyenne
  • Saturation: forte
  • Chaude
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#d2b714 est une couleur de la famille « jaune », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 82,35 % de rouge, 71,76 % de vert et 7,84 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 12,86 % de magenta, 90,48 % de jaune et 17,65 % de noir. Son angle de teinte est de 51,47°, avec 82,61 % de saturation et 45,1 % de luminosité en HSL. C’est une couleur chaude, souvent associée à l’optimisme, l’attention et la joie. Les designers l’utilisent souvent pour les mises en avant et avertissements, les produits pour enfants et les boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 10,52:1 (WCAG AAA). La couleur nommée la plus proche est Old Gold (#cfb53b), ΔE 2,92.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#cccc00
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.4762

Complémentaire

  1. #d2b714
  2. #142fd2

Complémentaire divisé

  1. #d2b714
  2. #148ed2
  3. #5814d2

Analogue

  1. #d25814
  2. #d2b714
  3. #8ed214

Triadique

  1. #d2b714
  2. #14d2b7
  3. #b714d2

Tétradique

  1. #d2b714
  2. #2fd214
  3. #142fd2
  4. #b714d2

Carré

  1. #d2b714
  2. #14d258
  3. #142fd2
  4. #d2148e

Monochrome

  1. #463d07
  2. #8c7a0d
  3. #d2b714
  4. #edd545
  5. #f4e58b

Ombres

#d2b714 mélangé progressivement avec du noir.

  1. #d2b714
  2. #bda512
  3. #a89210
  4. #93800e
  5. #7e6e0c
  6. #695c0a
  7. #544908
  8. #3f3706
  9. #2a2504
  10. #151202
  11. #000000

Teintes

#d2b714 mélangé progressivement avec du blanc.

  1. #d2b714
  2. #d7be2c
  3. #dbc543
  4. #e0cd5b
  5. #e4d472
  6. #e9db8a
  7. #ede2a1
  8. #f2e9b9
  9. #f6f1d0
  10. #fbf8e8
  11. #ffffff

Tons

#d2b714 mélangé progressivement avec du gris.

  1. #d2b714
  2. #cab21f
  3. #c2ac2a
  4. #b9a734
  5. #b1a13f
  6. #a99c4a
  7. #a19655
  8. #999160
  9. #908b6a
  10. #888675
  11. #808080

Texte lisible 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 10.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b7b7b7 ≈ 0.003% des hommes
Achromatomalie #c3b792 ≈ 0.001% des hommes
Protanopie #cbb200 ≈ 1.01% des hommes
Deutéranopie #d2bb26 ≈ 1.27% des hommes
Tritanopie #e3a89c ≈ 0.0001% des hommes
Protanomalie #ceb400 ≈ 1.08% des hommes
Deutéranomalie #d2ba20 ≈ 4.63% des hommes
Tritanomalie #ddae7c ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-d2b714 {
  color: #d2b714;
}
Arrière-plan
.bg-d2b714 {
  background-color: #d2b714;
  color: #000000;
}
Bordure
.border-d2b714 {
  border: 2px solid #d2b714;
}
Variables CSS
:root {
  --color-primary: #d2b714;
  --color-primary-rgb: 210 183 20;
  --color-primary-hsl: 51 83% 45%;
}
Dégradé
.gradient-d2b714 {
  background: linear-gradient(135deg, #d2b714, #8ed214);
}
Ombre colorée
.shadow-d2b714 {
  box-shadow: 0 8px 24px rgb(210 183 20 / 0.35);
}

#cfb53b Old Gold ΔE 2.92 #d4af37 Metallic Gold ΔE 4.68 #e5b73b Meat Brown ΔE 6.23 #e4d00a Citrine ΔE 6.49 #f4ca16 Jonquil ΔE 6.60 #f4c430 Saffron ΔE 6.94 #c5b358 Vegas Gold ΔE 7.16 #2d48eb Inversée #b7b7b7 Niveaux de gris 

Old Gold
#d2b714  rgb(210, 183, 20)  hsl(51, 83%, 45%)  Old Gold
#142fd2  rgb(20, 47, 210)  hsl(231, 83%, 45%)  Persian Blue
#14d2b7  rgb(20, 210, 183)  hsl(171, 83%, 45%)  Turquoise
#b714d2  rgb(183, 20, 210)  hsl(291, 83%, 45%)  Dark Orchid