Couleur nommée la plus proche · #B8CBEB
#B8CBEB
Couleur nommée la plus proche: Frost Fairy
#B8CBEB (rgb(184 203 235), hsl(218 56% 82%), oklch(0.838 0.049 260.9)) 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.
#B8CBEB
oklch(0.838 0.049 260.9)
Conversions de couleur
- HEX
- #b8cbeb
- RGB
- rgb(184 203 235)
- HSL
- hsl(218 56% 82%)
- HWB
- hwb(218 72% 8%)
- OKLCH
- oklch(0.838 0.049 260.9)
- OKLab
- oklab(0.838 -0.008 -0.049)
- CIE Lab
- lab(81.02 -1.57 -18.18)
- LCH
- lch(81.02 18.25 265.1)
- CMYK
- cmyk(22% 14% 0% 8%)
Teintes · Ombres · Tons
Teintes
- BFD0ED
- C6D5EF
- CDDBF1
- D4E0F3
- DBE5F5
- E2EAF7
- E9EFF9
- F1F5FB
- F8FAFD
Ombres
- A0B0CC
- 8896AE
- 717D91
- 5B6575
- 454D5B
- 313741
- 1E2229
- 0C0F13
- 020203
Tons
- B2C3E0
- ADBCD5
- A7B4CA
- A1ACBF
- 9CA5B4
- 969DAA
- 90969F
- 8B8F95
- 85878A
Harmonies de couleurs
Complémentaire +180°
- B8CBEB
Frost Fairy
- DBC7A6
≈ Believable Buff
Analogue -30° +30°
- B8CBEB
Frost Fairy
- AAD1E5
≈ Light Bobby Blue
- C9C5E9
≈ Party Hat
Triadique +120° +240°
- B8CBEB
Frost Fairy
- E9BEBC
≈ Bridal Bouquet
- B9D3B4
≈ Lime Taffy
Complémentaire divisée +150° +210°
- B8CBEB
Frost Fairy
- E5C1AD
≈ Retro Peach
- CBCEA9
≈ Crisp Celery
Tétradique +90° +180° +270°
- B8CBEB
Frost Fairy
- E4BDCE
≈ Pink Mist
- DBC7A6
≈ Believable Buff
- ABD5C6
≈ Scud
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.78:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--frost-fairy: #b8cbeb;
--frost-fairy-rgb: 184 203 235;
--frost-fairy-oklch: oklch(0.838 0.049 260.9);
}
.element {
color: var(--frost-fairy);
background-color: hsl(218 56% 82%);
border-color: oklch(0.838 0.049 260.9);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #b8cbeb;
--color-frost-fairy-50: #eef5ff;
--color-frost-fairy-100: #dfe8f9;
--color-frost-fairy-200: #c9d5ea;
--color-frost-fairy-300: #aab8d1;
--color-frost-fairy-400: #8e9fbc;
--color-frost-fairy-500: #7487a8;
--color-frost-fairy-600: #62728e;
--color-frost-fairy-700: #4e5b71;
--color-frost-fairy-800: #384354;
--color-frost-fairy-900: #262e3a;
--color-frost-fairy-950: #151b24;
}SCSS
$frost-fairy: #b8cbeb;
$frost-fairy-rgb: 184, 203, 235;
$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);
}