Light Blue #ADD8E6
Light Blue est un turquoise ou cyan clair et atténué, de code hex #ADD8E6 et de valeur RGB rgb(173, 216, 230).
Aa
Le texte noir est le plus lisible sur cette couleur (13.74:1).
À propos de cette couleur
#ADD8E6 est un turquoise ou cyan clair et atténué. En OKLCH, sa luminosité est de 86 %, son chroma de 0.049 et sa teinte de 220°. Sa teinte se situe du côté froid du cercle chromatique. C’est la couleur nommée Light Blue. Le texte noir y est le plus lisible, avec un rapport de 13.74:1.
| Famille de teinte | Turquoises et cyans |
| Luminosité | clair (86%) |
| Chroma | atténué (0.049) |
| Température | froid |
| Nom le plus proche | Light Blue |
| Texte noir | 13.74:1 |
| Texte blanc | 1.52:1 |
Couleurs qui vont avec Light Blue
Accords obtenus en faisant tourner Light Blue 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
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Light Blue, les plus proches d’abord.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Light Blue, avec leur distance ΔE.
- Celeste #A8DADC ΔE 0.018
- Powder Blue #B0E0E6 ΔE 0.022
- Light Blue Grey #B7C9E2 ΔE 0.039
- Cadet Gray #CED4DA ΔE 0.041
- Baby Blue #A2CFFE ΔE 0.049
- Light Gray #D3D3D3 ΔE 0.050
- Light Steel Blue #B0C4DE ΔE 0.051
- Sky Blue #87CEEB ΔE 0.053
En savoir plus sur Light Blue
Comment obtenir Light Blue
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
- 1 part de bleu
Résultat de la recette : #AFD7F5, un écart de ΔE 0.023 par rapport à Light Blue. 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 dans tous les formats
| HEX | #ADD8E6 |
| RGB | rgb(173, 216, 230) |
| HSL | hsl(195, 53%, 79%) |
| OKLCH | oklch(85.6% 0.049 219.7) |
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 #ADD8E6 | 1.52:1 | Échec | Lc -27.7 | Séparateurs et décoration uniquement |
| Texte noir sur #ADD8E6 | 13.74:1 | AAA | Lc 79.3 | Correct pour le texte courant |
| Texte #ADD8E6 sur blanc | 1.52:1 | Échec | Lc 24.5 | Séparateurs et décoration uniquement |
| Texte #ADD8E6 sur noir | 13.74:1 | AAA | Lc -78.7 | Correct pour le texte courant |
Teintes et nuances de Light Blue
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 200.
-
Palier 50
50
#F0F7F9
oklch(97.1% 0.008 216.6)
-
Palier 100
100
#DDEDF2
oklch(93.6% 0.018 218.4)
-
Palier 200
200 (cette couleur)
#ADD8E6
oklch(85.6% 0.049 219.7)
-
Palier 300
300
#93CBDD
oklch(81% 0.063 219.8)
-
Palier 400
400
#4BAFCC
oklch(70.7% 0.101 220.1)
-
Palier 500
500
#0099B9
oklch(63.1% 0.115 219.7)
-
Palier 600
600
#00809C
oklch(55.5% 0.101 220.3)
-
Palier 700
700
#006C83
oklch(49.1% 0.089 219.3)
-
Palier 800
800
#00586C
oklch(42.6% 0.078 220.2)
-
Palier 900
900
#004A5A
oklch(37.8% 0.068 218.5)
-
Palier 950
950
#002C37
oklch(27.1% 0.049 219.4)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Light Blue 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) | #CFD5E7 | 0.042 |
| Deutéranopie (sans cônes verts) | #C6CEE6 | 0.039 |
| Tritanopie (sans cônes bleus) | #9CDDDC | 0.030 |
| Achromatopsie (sans couleur) | #D1D1D1 | 0.049 |
Utilisez Light Blue 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.