Colore con nome · #83BCE5
C’est la Vie
C’est la Vie è #83BCE5: rgb(131 188 229), hsl(205 65% 71%), oklch(0.771 0.084 240.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · C’est la Vie color name →
#83BCE5
oklch(0.771 0.084 240.5)
Conversioni di colore
- HEX
- #83bce5
- RGB
- rgb(131 188 229)
- HSL
- hsl(205 65% 71%)
- HWB
- hwb(205 51% 10%)
- OKLCH
- oklch(0.771 0.084 240.5)
- OKLab
- oklab(0.771 -0.041 -0.073)
- CIE Lab
- lab(73.45 -11.18 -26.77)
- LCH
- lch(73.45 29.01 247.3)
- CMYK
- cmyk(43% 18% 0% 10%)
Tinte · Ombre · Toni
Tinte
- 90C3E8
- 9CC9EB
- A9D0ED
- B5D7F0
- C2DEF3
- CEE4F5
- DAEBF8
- E6F2FA
- F3F8FD
Ombre
- 71A3C7
- 608BAA
- 4F738E
- 3F5D72
- 2F4758
- 20323F
- 121F28
- 060D12
- 010203
Toni
- 83B6DB
- 84B0D0
- 84AAC6
- 84A4BC
- 839EB2
- 8398A8
- 82929E
- 828C94
- 81868A
Armonie di colore
Complementare +180°
- 83BCE5
C’est la Vie
- DCA87E
≈ Eastern Spice
Analogo -30° +30°
- 83BCE5
C’est la Vie
- 70C3D2
≈ Twisted Blue
- A0B2EB
≈ Wondrous Wisteria
Triadico +120° +240°
- 83BCE5
C’est la Vie
- E29EB2
≈ Always Rosey
- ADBD80
≈ Margarita
Complementare divisa +150° +210°
- 83BCE5
C’est la Vie
- E5A195
≈ Rose Dusk
- C9B376
≈ Aged Seagrass
Tetradico +90° +180° +270°
- 83BCE5
C’est la Vie
- D4A1CE
≈ Velvet Horizon
- DCA87E
≈ Eastern Spice
- 8EC499
≈ Delltone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.28:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--c-est-la-vie: #83bce5;
--c-est-la-vie-rgb: 131 188 229;
--c-est-la-vie-oklch: oklch(0.771 0.084 240.5);
}
.element {
color: var(--c-est-la-vie);
background-color: hsl(205 65% 71%);
border-color: oklch(0.771 0.084 240.5);
}Tailwind CSS v4
@theme {
--color-c-est-la-vie: #83bce5;
--color-c-est-la-vie-50: #e1f9ff;
--color-c-est-la-vie-100: #d1ecff;
--color-c-est-la-vie-200: #b6d9f6;
--color-c-est-la-vie-300: #92bddf;
--color-c-est-la-vie-400: #70a5cb;
--color-c-est-la-vie-500: #4f8db8;
--color-c-est-la-vie-600: #43789c;
--color-c-est-la-vie-700: #36607d;
--color-c-est-la-vie-800: #24465c;
--color-c-est-la-vie-900: #183140;
--color-c-est-la-vie-950: #091d29;
}SCSS
$c-est-la-vie: #83bce5;
$c-est-la-vie-rgb: 131, 188, 229;
$c-est-la-vie-light: mix(#fff, $c-est-la-vie, 20%);
$c-est-la-vie-dark: mix(#000, $c-est-la-vie, 20%);
.element {
color: $c-est-la-vie;
box-shadow: 0 0 0 2px rgba($c-est-la-vie, 0.35);
}