ColorTool
Se connecter
#628F61

#628f61 ≈ Sea Green

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

#628f61 est une couleur de la famille « vert », avec une luminosité moyenne et une saturation atténuée. Dans le modèle RGB, elle se compose de 38,43 % de rouge, 56,08 % de vert et 38,04 % de bleu ; imprimée en CMJN, elle utilise 31,47 % de cyan, 0 % de magenta, 32,17 % de jaune et 43,92 % de noir. Son angle de teinte est de 118,7°, avec 19,17 % de saturation et 47,06 % 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 5,62:1 (WCAG AA). La couleur nommée la plus proche est Sea Green (#2e8b57), ΔE 7,23.

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

Complémentaire

  1. #628f61
  2. #8e618f

Complémentaire divisé

  1. #628f61
  2. #77618f
  3. #8f6179

Analogue

  1. #798f61
  2. #628f61
  3. #618f77

Triadique

  1. #628f61
  2. #61628f
  3. #8f6162

Tétradique

  1. #628f61
  2. #618f8e
  3. #8e618f
  4. #8f6162

Carré

  1. #628f61
  2. #61798f
  3. #8e618f
  4. #8f7761

Monochrome

  1. #243423
  2. #436142
  3. #628f61
  4. #8db18c
  5. #bad0b9

Ombres

#628f61 mélangé progressivement avec du noir.

  1. #628f61
  2. #588157
  3. #4e724e
  4. #456444
  5. #3b563a
  6. #314831
  7. #273927
  8. #1d2b1d
  9. #141d13
  10. #0a0e0a
  11. #000000

Teintes

#628f61 mélangé progressivement avec du blanc.

  1. #628f61
  2. #729a71
  3. #81a581
  4. #91b190
  5. #a1bca0
  6. #b1c7b0
  7. #c0d2c0
  8. #d0ddd0
  9. #e0e9df
  10. #eff4ef
  11. #ffffff

Tons

#628f61 mélangé progressivement avec du gris.

  1. #628f61
  2. #658e64
  3. #688c67
  4. #6b8b6a
  5. #6e896d
  6. #718871
  7. #748674
  8. #778577
  9. #7a837a
  10. #7d827d
  11. #808080

Texte lisible 3.74:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #848484 ≈ 0.003% des hommes
Achromatomalie #788978 ≈ 0.001% des hommes
Protanopie #91875e ≈ 1.01% des hommes
Deutéranopie #8a8264 ≈ 1.27% des hommes
Tritanopie #5e8c83 ≈ 0.0001% des hommes
Protanomalie #818a5f ≈ 1.08% des hommes
Deutéranomalie #7c8863 ≈ 4.63% des hommes
Tritanomalie #5f8d77 ≈ 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-628f61 {
  color: #628f61;
}
Arrière-plan
.bg-628f61 {
  background-color: #628f61;
  color: #000000;
}
Bordure
.border-628f61 {
  border: 2px solid #628f61;
}
Variables CSS
:root {
  --color-primary: #628f61;
  --color-primary-rgb: 98 143 97;
  --color-primary-hsl: 119 19% 47%;
}
Dégradé
.gradient-628f61 {
  background: linear-gradient(135deg, #628f61, #618f77);
}
Ombre colorée
.shadow-628f61 {
  box-shadow: 0 8px 24px rgb(98 143 97 / 0.35);
}

#2e8b57 Sea Green ΔE 7.23 #4f7942 Fern Green ΔE 9.00 #009e60 Shamrock Green ΔE 9.70 #87a96b Asparagus ΔE 10.18 #8a9a5b Moss Green ΔE 10.19 #40826d Viridian ΔE 10.51 #507d2a Sap Green ΔE 11.07 #9d709e Inversée #848484 Niveaux de gris 

Sea Green
#628f61  rgb(98, 143, 97)  hsl(119, 19%, 47%)  Sea Green
#8e618f  rgb(142, 97, 143)  hsl(299, 19%, 47%)  Deep Plum
#61628f  rgb(97, 98, 143)  hsl(239, 19%, 47%)  Royal Purple
#8f6162  rgb(143, 97, 98)  hsl(359, 19%, 47%)  Copper Rose