Couleur nommée la plus proche · #B9CBEC
#B9CBEC
Couleur nommée la plus proche: Frost Fairy
#B9CBEC (rgb(185 203 236), hsl(219 57% 83%), oklch(0.839 0.05 262.6)) est la plus proche de la couleur nommée Frost Fairy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B9CBEC
oklch(0.839 0.05 262.6)
Conversions de couleur
- HEX
- #b9cbec
- RGB
- rgb(185 203 236)
- HSL
- hsl(219 57% 83%)
- HWB
- hwb(219 73% 7%)
- OKLCH
- oklch(0.839 0.05 262.6)
- OKLab
- oklab(0.839 -0.006 -0.05)
- CIE Lab
- lab(81.12 -1.08 -18.55)
- LCH
- lch(81.12 18.58 266.7)
- CMYK
- cmyk(22% 14% 0% 7%)
Teintes · Ombres · Tons
Teintes
- C0D0EE
- C7D5F0
- CEDBF2
- D5E0F4
- DCE5F6
- E3EAF8
- EAEFFA
- F1F5FB
- F8FAFD
Ombres
- A0B0CD
- 8996AF
- 717D92
- 5B6576
- 464D5B
- 313742
- 1E2229
- 0D0F13
- 020203
Tons
- B3C3E1
- ADBCD6
- A8B4CB
- A2ACC0
- 9CA5B5
- 969DAA
- 91969F
- 8B8F95
- 86878A
Harmonies de couleurs
Complémentaire +180°
- B9CBEC
Frost Fairy
- DBC8A6
≈ Ancient Doeskin
Analogue -30° +30°
- B9CBEC
Frost Fairy
- AAD1E6
≈ Vive le Vent
- CBC5E9
≈ Soap
Triadique +120° +240°
- B9CBEC
Frost Fairy
- EABEBB
≈ Bridal Bouquet
- B8D3B5
≈ Lime Taffy
Complémentaire divisée +150° +210°
- B9CBEC
Frost Fairy
- E6C2AD
≈ Marilyn Monroe
- CACEA9
≈ Baize Green
Tétradique +90° +180° +270°
- B9CBEC
Frost Fairy
- E6BDCD
≈ Pink Mist
- DBC8A6
≈ Ancient Doeskin
- AAD6C7
≈ Scud
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.63:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.81:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.81:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--frost-fairy: #b9cbec;
--frost-fairy-rgb: 185 203 236;
--frost-fairy-oklch: oklch(0.839 0.05 262.6);
}
.element {
color: var(--frost-fairy);
background-color: hsl(219 57% 83%);
border-color: oklch(0.839 0.05 262.6);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #b9cbec;
--color-frost-fairy-50: #eef5ff;
--color-frost-fairy-100: #e0e8f9;
--color-frost-fairy-200: #cad5eb;
--color-frost-fairy-300: #abb8d2;
--color-frost-fairy-400: #8f9fbd;
--color-frost-fairy-500: #7487a8;
--color-frost-fairy-600: #63728e;
--color-frost-fairy-700: #4f5b72;
--color-frost-fairy-800: #384354;
--color-frost-fairy-900: #272e3b;
--color-frost-fairy-950: #151b25;
}SCSS
$frost-fairy: #b9cbec;
$frost-fairy-rgb: 185, 203, 236;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}