ColorTool
Se connecter
#3AA892

#3aa892 ≈ Persian Green

  • bleu-vert
  • Luminosité: moyenne
  • Saturation: modérée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#3aa892 est une couleur de la famille « bleu-vert », avec une luminosité moyenne et une saturation modérée. Dans le modèle RGB, elle se compose de 22,75 % de rouge, 65,88 % de vert et 57,25 % de bleu ; imprimée en CMJN, elle utilise 65,48 % de cyan, 0 % de magenta, 13,1 % de jaune et 34,12 % de noir. Son angle de teinte est de 168°, avec 48,67 % de saturation et 44,31 % de luminosité en HSL. C’est une couleur froide, 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 7,2:1 (WCAG AAA). La couleur nommée la plus proche est Persian Green (#00a693), ΔE 2,6.

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

Complémentaire

  1. #3aa892
  2. #a83a50

Complémentaire divisé

  1. #3aa892
  2. #a83a87
  3. #a85b3a

Analogue

  1. #3aa85b
  2. #3aa892
  3. #3a87a8

Triadique

  1. #3aa892
  2. #923aa8
  3. #a8923a

Tétradique

  1. #3aa892
  2. #3a50a8
  3. #a83a50
  4. #a8923a

Carré

  1. #3aa892
  2. #5b3aa8
  3. #a83a50
  4. #87a83a

Monochrome

  1. #13362f
  2. #266f61
  3. #3aa892
  4. #65cab6
  5. #9eddd1

Ombres

#3aa892 mélangé progressivement avec du noir.

  1. #3aa892
  2. #349783
  3. #2e8675
  4. #297666
  5. #236558
  6. #1d5449
  7. #17433a
  8. #11322c
  9. #0c221d
  10. #06110f
  11. #000000

Teintes

#3aa892 mélangé progressivement avec du blanc.

  1. #3aa892
  2. #4eb19d
  3. #61b9a8
  4. #75c2b3
  5. #89cbbe
  6. #9dd4c9
  7. #b0dcd3
  8. #c4e5de
  9. #d8eee9
  10. #ebf6f4
  11. #ffffff

Tons

#3aa892 mélangé progressivement avec du gris.

  1. #3aa892
  2. #41a490
  3. #48a08e
  4. #4f9c8d
  5. #56988b
  6. #5d9489
  7. #649087
  8. #6b8c85
  9. #728884
  10. #798482
  11. #808080

Texte lisible 2.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 7.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #979797 ≈ 0.003% des hommes
Achromatomalie #7c9e95 ≈ 0.001% des hommes
Protanopie #a29e91 ≈ 1.01% des hommes
Deutéranopie #929294 ≈ 1.27% des hommes
Tritanopie #00aaa1 ≈ 0.0001% des hommes
Protanomalie #85a291 ≈ 1.08% des hommes
Deutéranomalie #789b93 ≈ 4.63% des hommes
Tritanomalie #00a99b ≈ 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-3aa892 {
  color: #3aa892;
}
Arrière-plan
.bg-3aa892 {
  background-color: #3aa892;
  color: #000000;
}
Bordure
.border-3aa892 {
  border: 2px solid #3aa892;
}
Variables CSS
:root {
  --color-primary: #3aa892;
  --color-primary-rgb: 58 168 146;
  --color-primary-hsl: 168 49% 44%;
}
Dégradé
.gradient-3aa892 {
  background: linear-gradient(135deg, #3aa892, #3a87a8);
}
Ombre colorée
.shadow-3aa892 {
  box-shadow: 0 8px 24px rgb(58 168 146 / 0.35);
}

#00a693 Persian Green ΔE 2.60 #29ab87 Jungle Green ΔE 4.31 #20b2aa Light Sea Green ΔE 6.20 #3eb489 Mint ΔE 6.76 #43b3ae Verdigris ΔE 7.31 #0abab5 Tiffany Blue ΔE 8.46 #00a86b Jade ΔE 10.48 #c5576d Inversée #979797 Niveaux de gris 

Persian Green
#3aa892  rgb(58, 168, 146)  hsl(168, 49%, 44%)  Persian Green
#a83a50  rgb(168, 58, 80)  hsl(348, 49%, 44%)  Cordovan
#923aa8  rgb(146, 58, 168)  hsl(288, 49%, 44%)  Purpureus
#a8923a  rgb(168, 146, 58)  hsl(48, 49%, 44%)  Brass