ColorTool
Se connecter
#BDDF47

#bddf47 ≈ June Bud

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

#bddf47 est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 74,12 % de rouge, 87,45 % de vert et 27,84 % de bleu ; imprimée en CMJN, elle utilise 15,25 % de cyan, 0 % de magenta, 68,16 % de jaune et 12,55 % de noir. Son angle de teinte est de 73,42°, avec 70,37 % de saturation et 57,65 % de luminosité en HSL. C’est une couleur chaude, souvent associée à la fraîcheur, la croissance et la vitalité. Les designers l’utilisent souvent pour les marques écologiques, la santé et le bien-être et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 13,81:1 (WCAG AAA). La couleur nommée la plus proche est June Bud (#bdda57), ΔE 2,2.

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#cccc33
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.6405

Complémentaire

  1. #bddf47
  2. #6947df

Complémentaire divisé

  1. #bddf47
  2. #4771df
  3. #b547df

Analogue

  1. #dfb547
  2. #bddf47
  3. #71df47

Triadique

  1. #bddf47
  2. #47bddf
  3. #df47bd

Tétradique

  1. #bddf47
  2. #47df69
  3. #6947df
  4. #df47bd

Carré

  1. #bddf47
  2. #47dfb5
  3. #6947df
  4. #df4771

Monochrome

  1. #627815
  2. #97b920
  3. #bddf47
  4. #d4ea88
  5. #ecf6c9

Ombres

#bddf47 mélangé progressivement avec du noir.

  1. #bddf47
  2. #aac940
  3. #97b239
  4. #849c32
  5. #71862b
  6. #5f7024
  7. #4c591c
  8. #394315
  9. #262d0e
  10. #131607
  11. #000000

Teintes

#bddf47 mélangé progressivement avec du blanc.

  1. #bddf47
  2. #c4e259
  3. #cae56c
  4. #d1e97e
  5. #d7ec91
  6. #deefa3
  7. #e5f2b5
  8. #ebf5c8
  9. #f2f9da
  10. #f8fced
  11. #ffffff

Tons

#bddf47 mélangé progressivement avec du gris.

  1. #bddf47
  2. #b7d64d
  3. #b1cc52
  4. #abc358
  5. #a5b95e
  6. #9fb064
  7. #98a669
  8. #929d6f
  9. #8c9375
  10. #868a7a
  11. #808080

Texte lisible 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 13.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d1d1d1 ≈ 0.003% des hommes
Achromatomalie #cad7ab ≈ 0.001% des hommes
Protanopie #ecd22f ≈ 1.01% des hommes
Deutéranopie #e8d253 ≈ 1.27% des hommes
Tritanopie #c7d4c1 ≈ 0.0001% des hommes
Protanomalie #dbd73a ≈ 1.08% des hommes
Deutéranomalie #d8d74f ≈ 4.63% des hommes
Tritanomalie #c3d89e ≈ 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-bddf47 {
  color: #bddf47;
}
Arrière-plan
.bg-bddf47 {
  background-color: #bddf47;
  color: #000000;
}
Bordure
.border-bddf47 {
  border: 2px solid #bddf47;
}
Variables CSS
:root {
  --color-primary: #bddf47;
  --color-primary-rgb: 189 223 71;
  --color-primary-hsl: 73 70% 58%;
}
Dégradé
.gradient-bddf47 {
  background: linear-gradient(135deg, #bddf47, #71df47);
}
Ombre colorée
.shadow-bddf47 {
  box-shadow: 0 8px 24px rgb(189 223 71 / 0.35);
}

#bdda57 June Bud ΔE 2.20 #d1e231 Pear ΔE 4.70 #b2ec5d Inchworm ΔE 5.10 #9acd32 Yellow Green ΔE 5.91 #ccff00 Electric Lime ΔE 7.97 #a7fc00 Spring Bud ΔE 8.38 #adff2f Green Yellow ΔE 8.43 #4220b8 Inversée #d1d1d1 Niveaux de gris 

June Bud
#bddf47  rgb(189, 223, 71)  hsl(73, 70%, 58%)  June Bud
#6947df  rgb(105, 71, 223)  hsl(253, 70%, 58%)  Majorelle Blue
#47bddf  rgb(71, 189, 223)  hsl(193, 70%, 58%)  Sky Blue
#df47bd  rgb(223, 71, 189)  hsl(313, 70%, 58%)  Shocking Pink