ColorTool
Se connecter
#D3DE12

#d3de12 ≈ Pear

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

#d3de12 est une couleur de la famille « jaune », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 82,75 % de rouge, 87,06 % de vert et 7,06 % de bleu ; imprimée en CMJN, elle utilise 4,95 % de cyan, 0 % de magenta, 91,89 % de jaune et 12,94 % de noir. Son angle de teinte est de 63,24°, avec 85 % de saturation et 47,06 % 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 14,23:1 (WCAG AAA). La couleur nommée la plus proche est Pear (#d1e231), ΔE 2,07.

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

Complémentaire

  1. #d3de12
  2. #1d12de

Complémentaire divisé

  1. #d3de12
  2. #126dde
  3. #8312de

Analogue

  1. #de8312
  2. #d3de12
  3. #6dde12

Triadique

  1. #d3de12
  2. #12d3de
  3. #de12d3

Tétradique

  1. #d3de12
  2. #12de1d
  3. #1d12de
  4. #de12d3

Carré

  1. #d3de12
  2. #12de83
  3. #1d12de
  4. #de126d

Monochrome

  1. #4c5007
  2. #90970c
  3. #d3de12
  4. #e8f04c
  5. #f1f693

Ombres

#d3de12 mélangé progressivement avec du noir.

  1. #d3de12
  2. #bec810
  3. #a9b20e
  4. #949b0d
  5. #7f850b
  6. #6a6f09
  7. #545907
  8. #3f4305
  9. #2a2c04
  10. #151602
  11. #000000

Teintes

#d3de12 mélangé progressivement avec du blanc.

  1. #d3de12
  2. #d7e12a
  3. #dce541
  4. #e0e859
  5. #e5eb71
  6. #e9ef89
  7. #edf2a0
  8. #f2f5b8
  9. #f6f8d0
  10. #fbfce7
  11. #ffffff

Tons

#d3de12 mélangé progressivement avec du gris.

  1. #d3de12
  2. #cbd51d
  3. #c2cb28
  4. #bac233
  5. #b2b83e
  6. #aaaf49
  7. #a1a654
  8. #999c5f
  9. #91936a
  10. #888975
  11. #808080

Texte lisible 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 14.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d4d4d4 ≈ 0.003% des hommes
Achromatomalie #d4d8a9 ≈ 0.001% des hommes
Protanopie #efd300 ≈ 1.01% des hommes
Deutéranopie #efd630 ≈ 1.27% des hommes
Tritanopie #e2d0bd ≈ 0.0001% des hommes
Protanomalie #e5d700 ≈ 1.08% des hommes
Deutéranomalie #e5d927 ≈ 4.63% des hommes
Tritanomalie #dcd697 ≈ 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-d3de12 {
  color: #d3de12;
}
Arrière-plan
.bg-d3de12 {
  background-color: #d3de12;
  color: #000000;
}
Bordure
.border-d3de12 {
  border: 2px solid #d3de12;
}
Variables CSS
:root {
  --color-primary: #d3de12;
  --color-primary-rgb: 211 222 18;
  --color-primary-hsl: 63 85% 47%;
}
Dégradé
.gradient-d3de12 {
  background: linear-gradient(135deg, #d3de12, #6dde12);
}
Ombre colorée
.shadow-d3de12 {
  box-shadow: 0 8px 24px rgb(211 222 18 / 0.35);
}

#d1e231 Pear ΔE 2.07 #eee600 Titanium Yellow ΔE 5.03 #f0e130 Dandelion ΔE 5.89 #e3ff00 Lemon Lime ΔE 7.19 #e4d00a Citrine ΔE 7.25 #fcf75e Icterine ΔE 7.28 #dfff00 Chartreuse Yellow ΔE 7.34 #2c21ed Inversée #d4d4d4 Niveaux de gris 

Pear
#d3de12  rgb(211, 222, 18)  hsl(63, 85%, 47%)  Pear
#1d12de  rgb(29, 18, 222)  hsl(243, 85%, 47%)  Medium Blue
#12d3de  rgb(18, 211, 222)  hsl(183, 85%, 47%)  Dark Turquoise
#de12d3  rgb(222, 18, 211)  hsl(303, 85%, 47%)  Medium Orchid