ColorTool
Se connecter
#028F63

#028f63 ≈ Sea Green

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

#028f63 est une couleur de la famille « bleu-vert », avec une luminosité faible et une saturation forte. Dans le modèle RGB, elle se compose de 0,78 % de rouge, 56,08 % de vert et 38,82 % de bleu ; imprimée en CMJN, elle utilise 98,6 % de cyan, 0 % de magenta, 30,77 % de jaune et 43,92 % de noir. Son angle de teinte est de 161,28°, avec 97,24 % de saturation et 28,43 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la clarté, le calme et le renouveau. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les marques de luxe. Un texte noir sur cette couleur atteint un rapport de contraste de 5,11:1 (WCAG AA). La couleur nommée la plus proche est Sea Green (#2e8b57), ΔE 3,69.

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

Complémentaire

  1. #028f63
  2. #8f022e

Complémentaire divisé

  1. #028f63
  2. #8f0274
  3. #8f1d02

Analogue

  1. #028f1d
  2. #028f63
  3. #02748f

Triadique

  1. #028f63
  2. #63028f
  3. #8f6302

Tétradique

  1. #028f63
  2. #022e8f
  3. #8f022e
  4. #8f6302

Carré

  1. #028f63
  2. #1d028f
  3. #8f022e
  4. #748f02

Monochrome

  1. #00140e
  2. #01442f
  3. #028f63
  4. #03da97
  5. #2efcbc

Ombres

#028f63 mélangé progressivement avec du noir.

  1. #028f63
  2. #028159
  3. #02724f
  4. #016445
  5. #01563b
  6. #014832
  7. #013928
  8. #012b1e
  9. #001d14
  10. #000e0a
  11. #000000

Teintes

#028f63 mélangé progressivement avec du blanc.

  1. #028f63
  2. #1b9a73
  3. #35a582
  4. #4eb192
  5. #67bca1
  6. #81c7b1
  7. #9ad2c1
  8. #b3ddd0
  9. #cce9e0
  10. #e6f4ef
  11. #ffffff

Tons

#028f63 mélangé progressivement avec du gris.

  1. #028f63
  2. #0f8e66
  3. #1b8c69
  4. #288b6c
  5. #34896f
  6. #418872
  7. #4e8674
  8. #5a8577
  9. #67837a
  10. #73827d
  11. #808080

Texte lisible 4.11:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.11:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7d7d7d ≈ 0.003% des hommes
Achromatomalie #638574 ≈ 0.001% des hommes
Protanopie #8c8360 ≈ 1.01% des hommes
Deutéranopie #7e7966 ≈ 1.27% des hommes
Tritanopie #008f83 ≈ 0.0001% des hommes
Protanomalie #6f8861 ≈ 1.08% des hommes
Deutéranomalie #638265 ≈ 4.63% des hommes
Tritanomalie #008f78 ≈ 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-028f63 {
  color: #028f63;
}
Arrière-plan
.bg-028f63 {
  background-color: #028f63;
  color: #000000;
}
Bordure
.border-028f63 {
  border: 2px solid #028f63;
}
Variables CSS
:root {
  --color-primary: #028f63;
  --color-primary-rgb: 2 143 99;
  --color-primary-hsl: 161 97% 28%;
}
Dégradé
.gradient-028f63 {
  background: linear-gradient(135deg, #028f63, #02748f);
}
Ombre colorée
.shadow-028f63 {
  box-shadow: 0 8px 24px rgb(2 143 99 / 0.35);
}

#2e8b57 Sea Green ΔE 3.69 #009e60 Shamrock Green ΔE 6.06 #40826d Viridian ΔE 8.25 #00a86b Jade ΔE 8.51 #29ab87 Jungle Green ΔE 9.88 #00755e Tropical Rain Forest ΔE 10.57 #00a693 Persian Green ΔE 11.64 #fd709c Inversée #7d7d7d Niveaux de gris 

Sea Green
#028f63  rgb(2, 143, 99)  hsl(161, 97%, 28%)  Sea Green
#8f022e  rgb(143, 2, 46)  hsl(341, 97%, 28%)  Burgundy
#63028f  rgb(99, 2, 143)  hsl(281, 97%, 28%)  Indigo
#8f6302  rgb(143, 99, 2)  hsl(41, 97%, 28%)  Golden Brown