ColorTool
Se connecter
#6BF183

#6bf183 ≈ Light Green

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

#6bf183 est une couleur de la famille « vert », avec une luminosité élevée et une saturation forte. Dans le modèle RGB, elle se compose de 41,96 % de rouge, 94,51 % de vert et 51,37 % de bleu ; imprimée en CMJN, elle utilise 55,6 % de cyan, 0 % de magenta, 45,64 % de jaune et 5,49 % de noir. Son angle de teinte est de 130,75°, avec 82,72 % de saturation et 68,24 % 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 14,54:1 (WCAG AAA). La couleur nommée la plus proche est Light Green (#90ee90), ΔE 3,76.

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

Complémentaire

  1. #6bf183
  2. #f16bd9

Complémentaire divisé

  1. #6bf183
  2. #c66bf1
  3. #f16b96

Analogue

  1. #96f16b
  2. #6bf183
  3. #6bf1c6

Triadique

  1. #6bf183
  2. #836bf1
  3. #f1836b

Tétradique

  1. #6bf183
  2. #6bd9f1
  3. #f16bd9
  4. #f1836b

Carré

  1. #6bf183
  2. #6b96f1
  3. #f16bd9
  4. #f1c66b

Monochrome

  1. #11b22e
  2. #25ea48
  3. #6bf183
  4. #b1f8be
  5. #ecfdef

Ombres

#6bf183 mélangé progressivement avec du noir.

  1. #6bf183
  2. #60d976
  3. #56c169
  4. #4ba95c
  5. #40914f
  6. #367942
  7. #2b6034
  8. #204827
  9. #15301a
  10. #0b180d
  11. #000000

Teintes

#6bf183 mélangé progressivement avec du blanc.

  1. #6bf183
  2. #7af28f
  3. #89f49c
  4. #97f5a8
  5. #a6f7b5
  6. #b5f8c1
  7. #c4f9cd
  8. #d3fbda
  9. #e1fce6
  10. #f0fef3
  11. #ffffff

Tons

#6bf183 mélangé progressivement avec du gris.

  1. #6bf183
  2. #6de683
  3. #6fda82
  4. #71cf82
  5. #73c482
  6. #76b982
  7. #78ad81
  8. #7aa281
  9. #7c9781
  10. #7e8b80
  11. #808080

Texte lisible 1.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 14.54:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d7d7d7 ≈ 0.003% des hommes
Achromatomalie #b5e2bb ≈ 0.001% des hommes
Protanopie #f4de7a ≈ 1.01% des hommes
Deutéranopie #e2d28a ≈ 1.27% des hommes
Tritanopie #4eecd7 ≈ 0.0001% des hommes
Protanomalie #cbe67e ≈ 1.08% des hommes
Deutéranomalie #bedf88 ≈ 4.63% des hommes
Tritanomalie #5beebb ≈ 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-6bf183 {
  color: #6bf183;
}
Arrière-plan
.bg-6bf183 {
  background-color: #6bf183;
  color: #000000;
}
Bordure
.border-6bf183 {
  border: 2px solid #6bf183;
}
Variables CSS
:root {
  --color-primary: #6bf183;
  --color-primary-rgb: 107 241 131;
  --color-primary-hsl: 131 83% 68%;
}
Dégradé
.gradient-6bf183 {
  background: linear-gradient(135deg, #6bf183, #6bf1c6);
}
Ombre colorée
.shadow-6bf183 {
  box-shadow: 0 8px 24px rgb(107 241 131 / 0.35);
}

#90ee90 Light Green ΔE 3.76 #98fb98 Pale Green ΔE 4.43 #00ff7f Spring Green ΔE 4.59 #98ff98 Mint Green ΔE 4.68 #77dd77 Pastel Green ΔE 4.69 #00fa9a Medium Spring Green ΔE 5.72 #0bda51 Malachite ΔE 7.32 #940e7c Inversée #d7d7d7 Niveaux de gris 

Light Green
#6bf183  rgb(107, 241, 131)  hsl(131, 83%, 68%)  Light Green
#f16bd9  rgb(241, 107, 217)  hsl(311, 83%, 68%)  Orchid
#836bf1  rgb(131, 107, 241)  hsl(251, 83%, 68%)  Medium Slate Blue
#f1836b  rgb(241, 131, 107)  hsl(11, 83%, 68%)  Salmon