Nazwany kolor · #C3C1D2
Estate Violet
Estate Violet to #C3C1D2: rgb(195 193 210), hsl(247 16% 79%), oklch(0.818 0.024 291.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Estate Violet color name →
#C3C1D2
oklch(0.818 0.024 291.3)
Konwersje koloru
- HEX
- #c3c1d2
- RGB
- rgb(195 193 210)
- HSL
- hsl(247 16% 79%)
- HWB
- hwb(247 76% 18%)
- OKLCH
- oklch(0.818 0.024 291.3)
- OKLab
- oklab(0.818 0.009 -0.022)
- CIE Lab
- lab(78.62 3.14 -8.28)
- LCH
- lch(78.62 8.86 290.7)
- CMYK
- cmyk(7% 8% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9C7D6
- CFCDDB
- D5D3DF
- DBD9E4
- E1E0E8
- E7E6ED
- EDECF1
- F3F2F6
- F9F9FA
Odcienie ciemniejsze
- A9A7B6
- 908F9B
- 787781
- 605F68
- 4A4950
- 343439
- 202024
- 0E0E10
- 020202
Tony
- BCBAC9
- B5B4C1
- AEADB9
- A8A6B0
- A1A0A8
- 9A99A0
- 949398
- 8D8D90
- 868688
Harmonie kolorów
Komplementarna +180°
- C3C1D2
Estate Violet
- C4C5B4
≈ Spring Grey
Analogowa -30° +30°
- C3C1D2
Estate Violet
- BBC4D3
≈ Hyacinth Tint
- CBBFCD
≈ Romantic Poetry
Triada +120° +240°
- C3C1D2
Estate Violet
- D1BFB6
≈ Summer Bloom
- B5C9C1
≈ Surf Spray
Komplementarna rozszczepiona +150° +210°
- C3C1D2
Estate Violet
- CBC2B3
≈ Sculptor Clay
- BBC7B9
≈ Tree Pose
Tetrada +90° +180° +270°
- C3C1D2
Estate Violet
- D2BEBD
≈ Dusky Violet
- C4C5B4
≈ Spring Grey
- B3C8CA
≈ Misty Surf
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.87:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--estate-violet: #c3c1d2;
--estate-violet-rgb: 195 193 210;
--estate-violet-oklch: oklch(0.818 0.024 291.3);
}
.element {
color: var(--estate-violet);
background-color: hsl(247 16% 79%);
border-color: oklch(0.818 0.024 291.3);
}Tailwind CSS v4
@theme {
--color-estate-violet: #c3c1d2;
--color-estate-violet-50: #f5f4fb;
--color-estate-violet-100: #e8e6ef;
--color-estate-violet-200: #d4d2de;
--color-estate-violet-300: #b7b5c3;
--color-estate-violet-400: #9e9cac;
--color-estate-violet-500: #868495;
--color-estate-violet-600: #716f7e;
--color-estate-violet-700: #5b5965;
--color-estate-violet-800: #42414a;
--color-estate-violet-900: #2d2d34;
--color-estate-violet-950: #1a1a1f;
}SCSS
$estate-violet: #c3c1d2;
$estate-violet-rgb: 195, 193, 210;
$estate-violet-light: mix(#fff, $estate-violet, 20%);
$estate-violet-dark: mix(#000, $estate-violet, 20%);
.element {
color: $estate-violet;
box-shadow: 0 0 0 2px rgba($estate-violet, 0.35);
}