ColorTool
Se connecter
#DCB700

#dcb700 ≈ Metallic Gold

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

#dcb700 est une couleur de la famille « jaune », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 86,27 % de rouge, 71,76 % de vert et 0 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 16,82 % de magenta, 100 % de jaune et 13,73 % de noir. Son angle de teinte est de 49,91°, avec 100 % de saturation et 43,14 % 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,82:1 (WCAG AAA). La couleur nommée la plus proche est Metallic Gold (#d4af37), ΔE 4,21.

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.4908

Complémentaire

  1. #dcb700
  2. #0025dc

Complémentaire divisé

  1. #dcb700
  2. #0093dc
  3. #4900dc

Analogue

  1. #dc4900
  2. #dcb700
  3. #93dc00

Triadique

  1. #dcb700
  2. #00dcb7
  3. #b700dc

Tétradique

  1. #dcb700
  2. #25dc00
  3. #0025dc
  4. #b700dc

Carré

  1. #dcb700
  2. #00dc49
  3. #0025dc
  4. #dc0093

Monochrome

  1. #433800
  2. #907700
  3. #dcb700
  4. #ffdb2a
  5. #ffe876

Ombres

#dcb700 mélangé progressivement avec du noir.

  1. #dcb700
  2. #c6a500
  3. #b09200
  4. #9a8000
  5. #846e00
  6. #6e5c00
  7. #584900
  8. #423700
  9. #2c2500
  10. #161200
  11. #000000

Teintes

#dcb700 mélangé progressivement avec du blanc.

  1. #dcb700
  2. #e0be1a
  3. #e3c533
  4. #e7cd4d
  5. #ead466
  6. #eedb80
  7. #f1e299
  8. #f5e9b3
  9. #f8f1cc
  10. #fcf8e6
  11. #ffffff

Tons

#dcb700 mélangé progressivement avec du gris.

  1. #dcb700
  2. #d3b20d
  3. #caac1a
  4. #c0a726
  5. #b7a133
  6. #ae9c40
  7. #a5964d
  8. #9c915a
  9. #928b66
  10. #898673
  11. #808080

Texte lisible 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 10.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #bababa ≈ 0.003% des hommes
Achromatomalie #c8b994 ≈ 0.001% des hommes
Protanopie #cdb400 ≈ 1.01% des hommes
Deutéranopie #d6bf1c ≈ 1.27% des hommes
Tritanopie #efa79c ≈ 0.0001% des hommes
Protanomalie #d3b500 ≈ 1.08% des hommes
Deutéranomalie #d8bc14 ≈ 4.63% des hommes
Tritanomalie #e8ad7b ≈ 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-dcb700 {
  color: #dcb700;
}
Arrière-plan
.bg-dcb700 {
  background-color: #dcb700;
  color: #000000;
}
Bordure
.border-dcb700 {
  border: 2px solid #dcb700;
}
Variables CSS
:root {
  --color-primary: #dcb700;
  --color-primary-rgb: 220 183 0;
  --color-primary-hsl: 50 100% 43%;
}
Dégradé
.gradient-dcb700 {
  background: linear-gradient(135deg, #dcb700, #93dc00);
}
Ombre colorée
.shadow-dcb700 {
  box-shadow: 0 8px 24px rgb(220 183 0 / 0.35);
}

#d4af37 Metallic Gold ΔE 4.21 #cfb53b Old Gold ΔE 4.41 #e5b73b Meat Brown ΔE 4.45 #f4c430 Saffron ΔE 4.91 #f4ca16 Jonquil ΔE 5.09 #fcc200 Golden Poppy ΔE 6.32 #ffcc33 Sunglow ΔE 6.81 #2348ff Inversée #bababa Niveaux de gris 

Metallic Gold
#dcb700  rgb(220, 183, 0)  hsl(50, 100%, 43%)  Metallic Gold
#0025dc  rgb(0, 37, 220)  hsl(230, 100%, 43%)  Blue
#00dcb7  rgb(0, 220, 183)  hsl(170, 100%, 43%)  Caribbean Green
#b700dc  rgb(183, 0, 220)  hsl(290, 100%, 43%)  Dark Orchid