Couleur nommée · #B3CADC
Big Sur
Big Sur correspond à #B3CADC : rgb(179 202 220), hsl(206 37% 78%), oklch(0.827 0.036 241.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Blue mean? → · Big Sur color name →
#B3CADC
oklch(0.827 0.036 241.5)
Conversions de couleur
- HEX
- #b3cadc
- RGB
- rgb(179 202 220)
- HSL
- hsl(206 37% 78%)
- HWB
- hwb(206 70% 14%)
- OKLCH
- oklch(0.827 0.036 241.5)
- OKLab
- oklab(0.827 -0.017 -0.031)
- CIE Lab
- lab(80.02 -5.21 -11.74)
- LCH
- lch(80.02 12.84 246.1)
- CMYK
- cmyk(19% 8% 0% 14%)
Teintes · Ombres · Tons
Teintes
- BACFE0
- C2D4E3
- CADAE7
- D1DFEA
- D9E4EE
- E0EAF1
- E8EFF5
- F0F4F8
- F7FAFC
Ombres
- 9BAFBF
- 8495A3
- 6E7C88
- 58646E
- 434D54
- 2F373C
- 1D2226
- 0C0F11
- 010202
Tons
- AEC2D2
- A9BBC9
- A4B3C0
- 9EACB6
- 99A4AD
- 949DA4
- 8F969B
- 8A8E92
- 858789
Harmonies de couleurs
Complémentaire +180°
- B3CADC
Big Sur
- D8C2B0
≈ Artisan Tea
Analogue -30° +30°
- B3CADC
Big Sur
- ADCDD4
≈ Hisoku Blue
- BEC6DE
≈ Violet Scent Soft Blue
Triadique +120° +240°
- B3CADC
Big Sur
- DCBDC5
≈ Fragrant Orchid
- C2CBB1
≈ Green Dragon Spring
Complémentaire divisée +150° +210°
- B3CADC
Big Sur
- DDBFB8
≈ Peach Blush
- CFC6AD
≈ Prairie Dusk
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.39:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--big-sur: #b3cadc;
--big-sur-rgb: 179 202 220;
--big-sur-oklch: oklch(0.827 0.036 241.5);
}
.element {
color: var(--big-sur);
background-color: hsl(206 37% 78%);
border-color: oklch(0.827 0.036 241.5);
}Tailwind CSS v4
@theme {
--color-big-sur: #b3cadc;
--color-big-sur-50: #edf7ff;
--color-big-sur-100: #deeaf3;
--color-big-sur-200: #c8d6e3;
--color-big-sur-300: #a9bac9;
--color-big-sur-400: #8da2b2;
--color-big-sur-500: #728a9c;
--color-big-sur-600: #617484;
--color-big-sur-700: #4d5d6a;
--color-big-sur-800: #37444e;
--color-big-sur-900: #262f36;
--color-big-sur-950: #141c21;
}SCSS
$big-sur: #b3cadc;
$big-sur-rgb: 179, 202, 220;
$big-sur-light: mix(#fff, $big-sur, 20%);
$big-sur-dark: mix(#000, $big-sur, 20%);
.element {
color: $big-sur;
box-shadow: 0 0 0 2px rgba($big-sur, 0.35);
}