Colore con nome · #C5DCB3
White Vienna
White Vienna è #C5DCB3: rgb(197 220 179), hsl(94 37% 78%), oklch(0.867 0.06 131.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · White Vienna color name →
#C5DCB3
oklch(0.867 0.06 131.5)
Conversioni di colore
- HEX
- #c5dcb3
- RGB
- rgb(197 220 179)
- HSL
- hsl(94 37% 78%)
- HWB
- hwb(94 70% 14%)
- OKLCH
- oklch(0.867 0.06 131.5)
- OKLab
- oklab(0.867 -0.04 0.045)
- CIE Lab
- lab(85.23 -13.41 17.53)
- LCH
- lch(85.23 22.07 127.4)
- CMYK
- cmyk(10% 0% 19% 14%)
Tinte · Ombre · Toni
Tinte
- CBE0BB
- D0E3C2
- D6E7CA
- DCEAD1
- E2EED9
- E8F1E0
- EDF5E8
- F3F8F0
- F9FCF7
Ombre
- ABBF9B
- 92A384
- 79886E
- 616E58
- 4B5443
- 353C2F
- 21261D
- 0E110C
- 020201
Toni
- BED2AE
- B7C9A9
- B0C0A4
- A9B69F
- A2AD99
- 9BA494
- 949B8F
- 8D928A
- 878985
Armonie di colore
Complementare +180°
- C5DCB3
White Vienna
- E0C8F1
≈ Prom Corsage
Analogo -30° +30°
- C5DCB3
White Vienna
- DBD5A8
≈ Dull Sage
- B1E0C7
≈ Shallow Shore
Triadico +120° +240°
- C5DCB3
White Vienna
- B7D7FA
≈ Oh Boy!
- F8C3C9
≈ Deco Pink
Complementare divisa +150° +210°
- C5DCB3
White Vienna
- CCCFFB
≈ Lavender Blue
- F0C4DF
≈ Venetian Rose
Tetradico +90° +180° +270°
- C5DCB3
White Vienna
- A8DDF0
≈ Van Gogh Blue
- E0C8F1
≈ Prom Corsage
- F7C7B5
≈ Coral Bisque
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.26:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--white-vienna: #c5dcb3;
--white-vienna-rgb: 197 220 179;
--white-vienna-oklch: oklch(0.867 0.06 131.5);
}
.element {
color: var(--white-vienna);
background-color: hsl(94 37% 78%);
border-color: oklch(0.867 0.06 131.5);
}Tailwind CSS v4
@theme {
--color-white-vienna: #c5dcb3;
--color-white-vienna-50: #eef9e8;
--color-white-vienna-100: #e0edd8;
--color-white-vienna-200: #cadac0;
--color-white-vienna-300: #abbf9f;
--color-white-vienna-400: #92a681;
--color-white-vienna-500: #788f65;
--color-white-vienna-600: #657956;
--color-white-vienna-700: #516144;
--color-white-vienna-800: #3c4730;
--color-white-vienna-900: #293121;
--color-white-vienna-950: #171d10;
}SCSS
$white-vienna: #c5dcb3;
$white-vienna-rgb: 197, 220, 179;
$white-vienna-light: mix(#fff, $white-vienna, 20%);
$white-vienna-dark: mix(#000, $white-vienna, 20%);
.element {
color: $white-vienna;
box-shadow: 0 0 0 2px rgba($white-vienna, 0.35);
}