ColorTool
Se connecter
#33FE5E

#33fe5e ≈ Spring Green

  • vert
  • Luminosité: moyenne
  • Saturation: vive
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#33fe5e est une couleur de la famille « vert », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 20 % de rouge, 99,61 % de vert et 36,86 % de bleu ; imprimée en CMJN, elle utilise 79,92 % de cyan, 0 % de magenta, 62,99 % de jaune et 0,39 % de noir. Son angle de teinte est de 132,71°, avec 99,02 % de saturation et 59,8 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la nature, la santé et l’équilibre. Les designers l’utilisent souvent pour les marques écologiques, la santé et le bien-être et les boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 15,48:1 (WCAG AAA). La couleur nommée la plus proche est Spring Green (#00ff7f), ΔE 4,12.

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

Complémentaire

  1. #33fe5e
  2. #fe33d3

Complémentaire divisé

  1. #33fe5e
  2. #c333fe
  3. #fe336d

Analogue

  1. #6dfe33
  2. #33fe5e
  3. #33fec3

Triadique

  1. #33fe5e
  2. #5e33fe
  3. #fe5e33

Tétradique

  1. #33fe5e
  2. #33d3fe
  3. #fe33d3
  4. #fe5e33

Carré

  1. #33fe5e
  2. #336dfe
  3. #fe33d3
  4. #fec333

Monochrome

  1. #019721
  2. #01e331
  3. #33fe5e
  4. #7ffe9a
  5. #cbffd6

Ombres

#33fe5e mélangé progressivement avec du noir.

  1. #33fe5e
  2. #2ee555
  3. #29cb4b
  4. #24b242
  5. #1f9838
  6. #1a7f2f
  7. #146626
  8. #0f4c1c
  9. #0a3313
  10. #051909
  11. #000000

Teintes

#33fe5e mélangé progressivement avec du blanc.

  1. #33fe5e
  2. #47fe6e
  3. #5cfe7e
  4. #70fe8e
  5. #85fe9e
  6. #99ffaf
  7. #adffbf
  8. #c2ffcf
  9. #d6ffdf
  10. #ebffef
  11. #ffffff

Tons

#33fe5e mélangé progressivement avec du gris.

  1. #33fe5e
  2. #3bf161
  3. #42e565
  4. #4ad868
  5. #52cc6c
  6. #5abf6f
  7. #61b272
  8. #69a676
  9. #719979
  10. #788d7d
  11. #808080

Texte lisible 1.36:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 15.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #dddddd ≈ 0.003% des hommes
Achromatomalie #b2ebb8 ≈ 0.001% des hommes
Protanopie #ffe64b ≈ 1.01% des hommes
Deutéranopie #ecd76c ≈ 1.27% des hommes
Tritanopie #00f8dd ≈ 0.0001% des hommes
Protanomalie #d0f053 ≈ 1.08% des hommes
Deutéranomalie #bee867 ≈ 4.63% des hommes
Tritanomalie #00fab7 ≈ 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-33fe5e {
  color: #33fe5e;
}
Arrière-plan
.bg-33fe5e {
  background-color: #33fe5e;
  color: #000000;
}
Bordure
.border-33fe5e {
  border: 2px solid #33fe5e;
}
Variables CSS
:root {
  --color-primary: #33fe5e;
  --color-primary-rgb: 51 254 94;
  --color-primary-hsl: 133 99% 60%;
}
Dégradé
.gradient-33fe5e {
  background: linear-gradient(135deg, #33fe5e, #33fec3);
}
Ombre colorée
.shadow-33fe5e {
  box-shadow: 0 8px 24px rgb(51 254 94 / 0.35);
}

#00ff7f Spring Green ΔE 4.12 #00ff00 Lime ΔE 4.86 #39ff14 Neon Green ΔE 4.90 #3fff00 Harlequin ΔE 5.37 #98ff98 Mint Green ΔE 7.89 #7cfc00 Lawn Green ΔE 7.93 #0bda51 Malachite ΔE 8.08 #cc01a1 Inversée #dddddd Niveaux de gris 

Spring Green
#33fe5e  rgb(51, 254, 94)  hsl(133, 99%, 60%)  Spring Green
#fe33d3  rgb(254, 51, 211)  hsl(313, 99%, 60%)  Shocking Pink
#5e33fe  rgb(94, 51, 254)  hsl(253, 99%, 60%)  Han Purple
#fe5e33  rgb(254, 94, 51)  hsl(13, 99%, 60%)  Tomato