ColorTool
Se connecter
#B5EFE3

#b5efe3 ≈ Pale Turquoise

  • bleu-vert
  • Luminosité: très élevée
  • Saturation: atténuée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#b5efe3 est une couleur de la famille « bleu-vert », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 70,98 % de rouge, 93,73 % de vert et 89,02 % de bleu ; imprimée en CMJN, elle utilise 24,27 % de cyan, 0 % de magenta, 5,02 % de jaune et 6,27 % de noir. Son angle de teinte est de 167,59°, avec 64,44 % de saturation et 82,35 % 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 palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 16,42:1 (WCAG AAA). La couleur nommée la plus proche est Pale Turquoise (#afeeee), ΔE 4,66.

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

Complémentaire

  1. #b5efe3
  2. #efb5c1

Complémentaire divisé

  1. #b5efe3
  2. #efb5de
  3. #efc6b5

Analogue

  1. #b5efc6
  2. #b5efe3
  3. #b5deef

Triadique

  1. #b5efe3
  2. #e3b5ef
  3. #efe3b5

Tétradique

  1. #b5efe3
  2. #b5c1ef
  3. #efb5c1
  4. #efe3b5

Carré

  1. #b5efe3
  2. #c6b5ef
  3. #efb5c1
  4. #deefb5

Monochrome

  1. #37d4b3
  2. #76e1cb
  3. #b5efe3
  4. #eefbf9
  5. #eefbf9

Ombres

#b5efe3 mélangé progressivement avec du noir.

  1. #b5efe3
  2. #a3d7cc
  3. #91bfb6
  4. #7fa79f
  5. #6d8f88
  6. #5b7872
  7. #48605b
  8. #364844
  9. #24302d
  10. #121817
  11. #000000

Teintes

#b5efe3 mélangé progressivement avec du blanc.

  1. #b5efe3
  2. #bcf1e6
  3. #c4f2e9
  4. #cbf4eb
  5. #d3f5ee
  6. #daf7f1
  7. #e1f9f4
  8. #e9faf7
  9. #f0fcf9
  10. #f8fdfc
  11. #ffffff

Tons

#b5efe3 mélangé progressivement avec du gris.

  1. #b5efe3
  2. #b0e4d9
  3. #aad9cf
  4. #a5cec5
  5. #a0c3bb
  6. #9bb8b2
  7. #95aca8
  8. #90a19e
  9. #8b9694
  10. #858b8a
  11. #808080

Texte lisible 1.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e3e3e3 ≈ 0.003% des hommes
Achromatomalie #d2e8e3 ≈ 0.001% des hommes
Protanopie #eae8e3 ≈ 1.01% des hommes
Deutéranopie #dfe0e4 ≈ 1.27% des hommes
Tritanopie #a5f1eb ≈ 0.0001% des hommes
Protanomalie #d7ebe3 ≈ 1.08% des hommes
Deutéranomalie #cfe6e4 ≈ 4.63% des hommes
Tritanomalie #acf0e8 ≈ 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-b5efe3 {
  color: #b5efe3;
}
Arrière-plan
.bg-b5efe3 {
  background-color: #b5efe3;
  color: #000000;
}
Bordure
.border-b5efe3 {
  border: 2px solid #b5efe3;
}
Variables CSS
:root {
  --color-primary: #b5efe3;
  --color-primary-rgb: 181 239 227;
  --color-primary-hsl: 168 64% 82%;
}
Dégradé
.gradient-b5efe3 {
  background: linear-gradient(135deg, #b5efe3, #b5deef);
}
Ombre colorée
.shadow-b5efe3 {
  box-shadow: 0 8px 24px rgb(181 239 227 / 0.35);
}

#afeeee Pale Turquoise ΔE 4.66 #b2ffff Celeste ΔE 6.08 #aaf0d1 Magic Mint ΔE 6.40 #b0e0e6 Powder Blue ΔE 8.25 #9fe2bf Seafoam Green ΔE 8.40 #e0ffff Light Cyan ΔE 9.44 #7df9ff Electric Blue ΔE 9.85 #4a101c Inversée #e3e3e3 Niveaux de gris 

Pale Turquoise
#b5efe3  rgb(181, 239, 227)  hsl(168, 64%, 82%)  Pale Turquoise
#efb5c1  rgb(239, 181, 193)  hsl(348, 64%, 82%)  Cherry Blossom Pink
#e3b5ef  rgb(227, 181, 239)  hsl(288, 64%, 82%)  Mauve
#efe3b5  rgb(239, 227, 181)  hsl(48, 64%, 82%)  Vanilla