Couleur nommée · #B1D1E2
Holiday Road
Holiday Road correspond à #B1D1E2 : rgb(177 209 226), hsl(201 46% 79%), oklch(0.843 0.042 231.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Blue mean? → · Holiday Road color name →
#B1D1E2
oklch(0.843 0.042 231.1)
Conversions de couleur
- HEX
- #b1d1e2
- RGB
- rgb(177 209 226)
- HSL
- hsl(201 46% 79%)
- HWB
- hwb(201 69% 11%)
- OKLCH
- oklch(0.843 0.042 231.1)
- OKLab
- oklab(0.843 -0.026 -0.032)
- CIE Lab
- lab(81.89 -8.28 -12.17)
- LCH
- lch(81.89 14.72 235.8)
- CMYK
- cmyk(22% 8% 0% 11%)
Teintes · Ombres · Tons
Teintes
- B9D6E5
- C1DAE8
- C8DFEB
- D0E3EE
- D8E8F1
- E0EDF3
- E7F1F6
- EFF6F9
- F7FAFC
Ombres
- 99B5C4
- 839BA8
- 6C818C
- 576871
- 425057
- 2F393E
- 1C2327
- 0C1012
- 010203
Tons
- ACC9D8
- A7C0CE
- A2B8C4
- 9DB0BA
- 99A8B0
- 94A0A6
- 8F989C
- 8A9093
- 858889
Harmonies de couleurs
Complémentaire +180°
- B1D1E2
Holiday Road
- E3C4B3
≈ Pastel Rose Tan
Analogue -30° +30°
- B1D1E2
Holiday Road
- ADD4D7
≈ Light Imagine
- BCCCE7
≈ Cuddle
Triadique +120° +240°
- B1D1E2
Holiday Road
- E2C1CF
≈ In the Slip
- CCCEB0
≈ Longbeard Grey
Complémentaire divisée +150° +210°
- B1D1E2
Holiday Road
- E6C1C0
≈ Baby’s Booties
- DAC9AD
≈ Woollen Sox
Tétradique +90° +180° +270°
- B1D1E2
Holiday Road
- D8C3DC
≈ Simply Lavender
- E3C4B3
≈ Pastel Rose Tan
- BDD3B9
≈ Eucalyptus Leaf
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.60:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.08:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--holiday-road: #b1d1e2;
--holiday-road-rgb: 177 209 226;
--holiday-road-oklch: oklch(0.843 0.042 231.1);
}
.element {
color: var(--holiday-road);
background-color: hsl(201 46% 79%);
border-color: oklch(0.843 0.042 231.1);
}Tailwind CSS v4
@theme {
--color-holiday-road: #b1d1e2;
--color-holiday-road-50: #eaf8ff;
--color-holiday-road-100: #dbebf4;
--color-holiday-road-200: #c4d8e3;
--color-holiday-road-300: #a3bcca;
--color-holiday-road-400: #86a3b3;
--color-holiday-road-500: #6a8c9d;
--color-holiday-road-600: #5a7685;
--color-holiday-road-700: #485f6a;
--color-holiday-road-800: #33454e;
--color-holiday-road-900: #233036;
--color-holiday-road-950: #121c21;
}SCSS
$holiday-road: #b1d1e2;
$holiday-road-rgb: 177, 209, 226;
$holiday-road-light: mix(#fff, $holiday-road, 20%);
$holiday-road-dark: mix(#000, $holiday-road, 20%);
.element {
color: $holiday-road;
box-shadow: 0 0 0 2px rgba($holiday-road, 0.35);
}