ColorTool
Se connecter
#1BBC8A

#1bbc8a ≈ Mint

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

#1bbc8a est une couleur de la famille « bleu-vert », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 10,59 % de rouge, 73,73 % de vert et 54,12 % de bleu ; imprimée en CMJN, elle utilise 85,64 % de cyan, 0 % de magenta, 26,6 % de jaune et 26,27 % de noir. Son angle de teinte est de 161,37°, avec 74,88 % de saturation et 42,16 % 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 8,61:1 (WCAG AAA). La couleur nommée la plus proche est Mint (#3eb489), ΔE 2,87.

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

Complémentaire

  1. #1bbc8a
  2. #bc1b4d

Complémentaire divisé

  1. #1bbc8a
  2. #bc1b9d
  3. #bc3a1b

Analogue

  1. #1bbc3a
  2. #1bbc8a
  3. #1b9dbc

Triadique

  1. #1bbc8a
  2. #8a1bbc
  3. #bc8a1b

Tétradique

  1. #1bbc8a
  2. #1b4dbc
  3. #bc1b4d
  4. #bc8a1b

Carré

  1. #1bbc8a
  2. #3a1bbc
  3. #bc1b4d
  4. #9dbc1b

Monochrome

  1. #083628
  2. #117959
  3. #1bbc8a
  4. #40e4b1
  5. #83edcc

Ombres

#1bbc8a mélangé progressivement avec du noir.

  1. #1bbc8a
  2. #18a97c
  3. #16966e
  4. #138461
  5. #107153
  6. #0e5e45
  7. #0b4b37
  8. #083829
  9. #05261c
  10. #03130e
  11. #000000

Teintes

#1bbc8a mélangé progressivement avec du blanc.

  1. #1bbc8a
  2. #32c396
  3. #49c9a1
  4. #5fd0ad
  5. #76d7b9
  6. #8ddec5
  7. #a4e4d0
  8. #bbebdc
  9. #d1f2e8
  10. #e8f8f3
  11. #ffffff

Tons

#1bbc8a mélangé progressivement avec du gris.

  1. #1bbc8a
  2. #25b689
  3. #2fb088
  4. #39aa87
  5. #43a486
  6. #4e9e85
  7. #589884
  8. #629283
  9. #6c8c82
  10. #768681
  11. #808080

Texte lisible 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 8.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #a6a6a6 ≈ 0.003% des hommes
Achromatomalie #84af9b ≈ 0.001% des hommes
Protanopie #b8ae87 ≈ 1.01% des hommes
Deutéranopie #a6a08d ≈ 1.27% des hommes
Tritanopie #00bcae ≈ 0.0001% des hommes
Protanomalie #93b488 ≈ 1.08% des hommes
Deutéranomalie #84ac8c ≈ 4.63% des hommes
Tritanomalie #00bca1 ≈ 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-1bbc8a {
  color: #1bbc8a;
}
Arrière-plan
.bg-1bbc8a {
  background-color: #1bbc8a;
  color: #000000;
}
Bordure
.border-1bbc8a {
  border: 2px solid #1bbc8a;
}
Variables CSS
:root {
  --color-primary: #1bbc8a;
  --color-primary-rgb: 27 188 138;
  --color-primary-hsl: 161 75% 42%;
}
Dégradé
.gradient-1bbc8a {
  background: linear-gradient(135deg, #1bbc8a, #1b9dbc);
}
Ombre colorée
.shadow-1bbc8a {
  box-shadow: 0 8px 24px rgb(27 188 138 / 0.35);
}

#3eb489 Mint ΔE 2.87 #00cc99 Caribbean Green ΔE 4.20 #3cb371 Medium Sea Green ΔE 5.41 #29ab87 Jungle Green ΔE 5.49 #00a86b Jade ΔE 6.78 #66cdaa Medium Aquamarine ΔE 7.44 #50c878 Emerald ΔE 7.81 #e44375 Inversée #a6a6a6 Niveaux de gris 

Mint
#1bbc8a  rgb(27, 188, 138)  hsl(161, 75%, 42%)  Mint
#bc1b4d  rgb(188, 27, 77)  hsl(341, 75%, 42%)  Cardinal
#8a1bbc  rgb(138, 27, 188)  hsl(281, 75%, 42%)  Dark Violet
#bc8a1b  rgb(188, 138, 27)  hsl(41, 75%, 42%)  Dark Goldenrod