Light Blue Grey #B7C9E2
Light Blue Grey est un bleu clair et atténué, de code hex #B7C9E2 et de valeur RGB rgb(183, 201, 226).
Aa
Le texte noir est le plus lisible sur cette couleur (12.46:1).
À propos de cette couleur
#B7C9E2 est un bleu clair et atténué. En OKLCH, sa luminosité est de 83 %, son chroma de 0.040 et sa teinte de 257°. Sa teinte se situe du côté froid du cercle chromatique. C’est la couleur nommée Light Blue Grey. Le texte noir y est le plus lisible, avec un rapport de 12.46:1.
| Famille de teinte | Bleus |
| Luminosité | clair (83%) |
| Chroma | atténué (0.040) |
| Température | froid |
| Nom le plus proche | Light Blue Grey |
| Texte noir | 12.46:1 |
| Texte blanc | 1.68:1 |
Couleurs qui vont avec Light Blue Grey
Accords obtenus en faisant tourner Light Blue Grey sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.
Complémentaire
La teinte opposée (180°).
Analogue
Teintes voisines, 30° de chaque côté.
Triadique
Trois teintes espacées de 120°.
Palettes de couleurs avec Light Blue Grey
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Light Blue Grey, les plus proches d’abord.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Light Blue Grey, avec leur distance ΔE.
- Light Steel Blue #B0C4DE ΔE 0.017
- Cloudy Blue #ACC2D9 ΔE 0.026
- Light Blue #ADD8E6 ΔE 0.039
- Baby Blue #A2CFFE ΔE 0.043
- Light Periwinkle #C1C6FC ΔE 0.043
- Silver #C0C0C0 ΔE 0.046
- Light Cornflower Blue #98C1D9 ΔE 0.047
- Cadet Gray #CED4DA ΔE 0.047
En savoir plus sur Light Blue Grey
Comment obtenir Light Blue Grey
Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.
- 3 parts de blanc
- 2 parts de rose
- 1 part de bleu
Résultat de la recette : #BAC5E3, un écart de ΔE 0.011 par rapport à Light Blue Grey. C’est très proche : la plupart des gens ne verront pas la différence.
Quelles couleurs donnent le bleu ? | Tableau de mélange des couleurs
Codes de Light Blue Grey dans tous les formats
| HEX | #B7C9E2 |
| RGB | rgb(183, 201, 226) |
| HSL | hsl(215, 43%, 80%) |
| OKLCH | oklch(83% 0.04 256.6) |
Contraste
Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.
| Paire | WCAG 2 | Résultat | APCA | Recommandation APCA |
|---|---|---|---|---|
| Texte blanc sur #B7C9E2 | 1.68:1 | Échec | Lc -33.6 | Éléments non textuels, texte indicatif |
| Texte noir sur #B7C9E2 | 12.46:1 | AAA | Lc 73.9 | Texte de contenu, pas pour la lecture longue |
| Texte #B7C9E2 sur blanc | 1.68:1 | Échec | Lc 29.9 | Séparateurs et décoration uniquement |
| Texte #B7C9E2 sur noir | 12.46:1 | AAA | Lc -72.9 | Texte de contenu, pas pour la lecture longue |
Teintes et nuances de Light Blue Grey
Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 300.
-
Palier 50
50
#F3F6F9
oklch(97.2% 0.005 247.9)
-
Palier 100
100
#E5EAF2
oklch(93.6% 0.012 259.8)
-
Palier 200
200
#D0DAE8
oklch(88.5% 0.022 256.7)
-
Palier 300
300 (cette couleur)
#B7C9E2
oklch(83% 0.04 256.6)
-
Palier 400
400
#87A3C9
oklch(70.8% 0.064 256.1)
-
Palier 500
500
#698BBB
oklch(63% 0.082 257)
-
Palier 600
600
#5075A7
oklch(55.6% 0.089 256.2)
-
Palier 700
700
#41628F
oklch(49.1% 0.082 256.4)
-
Palier 800
800
#365074
oklch(42.7% 0.068 256.7)
-
Palier 900
900
#2F435E
oklch(37.9% 0.053 256.1)
-
Palier 950
950
#1C2737
oklch(27% 0.034 257.7)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Light Blue Grey et daltonisme
Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.
| Vision | Perçue comme | Écart (ΔE) |
|---|---|---|
| Protanopie (sans cônes rouges) | #C1CAE3 | 0.014 |
| Deutéranopie (sans cônes verts) | #BCC5E1 | 0.011 |
| Tritanopie (sans cônes bleus) | #ACCED1 | 0.035 |
| Achromatopsie (sans couleur) | #C7C7C7 | 0.040 |
Utilisez Light Blue Grey dans votre produit
Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.