ColorTool
Se connecter
#B5CE27

#b5ce27 ≈ June Bud

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

#b5ce27 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 70,98 % de rouge, 80,78 % de vert et 15,29 % de bleu ; imprimée en CMJN, elle utilise 12,14 % de cyan, 0 % de magenta, 81,07 % de jaune et 19,22 % de noir. Son angle de teinte est de 68,98°, avec 68,16 % de saturation et 48,04 % 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 11,82:1 (WCAG AAA). La couleur nommée la plus proche est June Bud (#bdda57), ΔE 4,64.

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

Complémentaire

  1. #b5ce27
  2. #4027ce

Complémentaire divisé

  1. #b5ce27
  2. #2762ce
  3. #9327ce

Analogue

  1. #ce9327
  2. #b5ce27
  3. #62ce27

Triadique

  1. #b5ce27
  2. #27b5ce
  3. #ce27b5

Tétradique

  1. #b5ce27
  2. #27ce40
  3. #4027ce
  4. #ce27b5

Carré

  1. #b5ce27
  2. #27ce93
  3. #4027ce
  4. #ce2762

Monochrome

  1. #444d0f
  2. #7c8e1b
  3. #b5ce27
  4. #cee161
  5. #e2eda1

Ombres

#b5ce27 mélangé progressivement avec du noir.

  1. #b5ce27
  2. #a3b923
  3. #91a51f
  4. #7f901b
  5. #6d7c17
  6. #5b6714
  7. #485210
  8. #363e0c
  9. #242908
  10. #121504
  11. #000000

Teintes

#b5ce27 mélangé progressivement avec du blanc.

  1. #b5ce27
  2. #bcd33d
  3. #c4d852
  4. #cbdd68
  5. #d3e27d
  6. #dae793
  7. #e1eba9
  8. #e9f0be
  9. #f0f5d4
  10. #f8fae9
  11. #ffffff

Tons

#b5ce27 mélangé progressivement avec du gris.

  1. #b5ce27
  2. #b0c630
  3. #aabe39
  4. #a5b742
  5. #a0af4b
  6. #9ba754
  7. #959f5c
  8. #909765
  9. #8b906e
  10. #858877
  11. #808080

Texte lisible 1.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 11.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #c2c2c2 ≈ 0.003% des hommes
Achromatomalie #bdc79c ≈ 0.001% des hommes
Protanopie #dcc200 ≈ 1.01% des hommes
Deutéranopie #d9c339 ≈ 1.27% des hommes
Tritanopie #c0c2b0 ≈ 0.0001% des hommes
Protanomalie #cec707 ≈ 1.08% des hommes
Deutéranomalie #ccc733 ≈ 4.63% des hommes
Tritanomalie #bcc78e ≈ 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-b5ce27 {
  color: #b5ce27;
}
Arrière-plan
.bg-b5ce27 {
  background-color: #b5ce27;
  color: #000000;
}
Bordure
.border-b5ce27 {
  border: 2px solid #b5ce27;
}
Variables CSS
:root {
  --color-primary: #b5ce27;
  --color-primary-rgb: 181 206 39;
  --color-primary-hsl: 69 68% 48%;
}
Dégradé
.gradient-b5ce27 {
  background: linear-gradient(135deg, #b5ce27, #62ce27);
}
Ombre colorée
.shadow-b5ce27 {
  box-shadow: 0 8px 24px rgb(181 206 39 / 0.35);
}

#bdda57 June Bud ΔE 4.64 #9acd32 Yellow Green ΔE 5.44 #d1e231 Pear ΔE 5.50 #8db600 Apple Green ΔE 7.80 #b2ec5d Inchworm ΔE 9.15 #e4d96f Straw ΔE 10.16 #eee600 Titanium Yellow ΔE 10.78 #4a31d8 Inversée #c2c2c2 Niveaux de gris 

June Bud
#b5ce27  rgb(181, 206, 39)  hsl(69, 68%, 48%)  June Bud
#4027ce  rgb(64, 39, 206)  hsl(249, 68%, 48%)  Blue
#27b5ce  rgb(39, 181, 206)  hsl(189, 68%, 48%)  Moonstone Blue
#ce27b5  rgb(206, 39, 181)  hsl(309, 68%, 48%)  Medium Orchid