Nazwany kolor · #CDC0C9
So Dainty
So Dainty to #CDC0C9: rgb(205 192 201), hsl(318 12% 78%), oklch(0.821 0.019 336.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · So Dainty color name →
#CDC0C9
oklch(0.821 0.019 336.6)
Konwersje koloru
- HEX
- #cdc0c9
- RGB
- rgb(205 192 201)
- HSL
- hsl(318 12% 78%)
- HWB
- hwb(318 75% 20%)
- OKLCH
- oklch(0.821 0.019 336.6)
- OKLab
- oklab(0.821 0.017 -0.008)
- CIE Lab
- lab(78.99 5.92 -2.81)
- LCH
- lch(78.99 6.55 334.6)
- CMYK
- cmyk(0% 6% 2% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2C6CE
- D7CCD4
- DCD3D9
- E1D9DE
- E6DFE4
- EBE5E9
- F0ECEF
- F5F2F4
- FAF9F9
Odcienie ciemniejsze
- B2A7AE
- 988E95
- 7E767C
- 665F64
- 4E494C
- 383436
- 232022
- 0F0E0F
- 020202
Tony
- C5B9C1
- BDB3BA
- B5ACB2
- ADA6AB
- A69FA4
- 9E999C
- 969395
- 8F8C8E
- 878687
Harmonie kolorów
Komplementarna +180°
- CDC0C9
So Dainty
- BBC8BF
≈ Resting Place
Analogowa -30° +30°
- CDC0C9
So Dainty
- C7C1CE
≈ Clary Sage
- D0C0C2
≈ Ancestral
Triada +120° +240°
- CDC0C9
So Dainty
- C8C5B7
≈ Secluded Beach
- B7C8CC
≈ Silver Strand
Komplementarna rozszczepiona +150° +210°
- CDC0C9
So Dainty
- C1C7BA
≈ Silent Storm
- B8C9C6
≈ Berry Mojito
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.97:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--so-dainty: #cdc0c9;
--so-dainty-rgb: 205 192 201;
--so-dainty-oklch: oklch(0.821 0.019 336.6);
}
.element {
color: var(--so-dainty);
background-color: hsl(318 12% 78%);
border-color: oklch(0.821 0.019 336.6);
}Tailwind CSS v4
@theme {
--color-so-dainty: #cdc0c9;
--color-so-dainty-50: #f9f3f7;
--color-so-dainty-100: #ece5ea;
--color-so-dainty-200: #dad1d7;
--color-so-dainty-300: #beb4bb;
--color-so-dainty-400: #a69aa3;
--color-so-dainty-500: #8f828b;
--color-so-dainty-600: #796e75;
--color-so-dainty-700: #61585e;
--color-so-dainty-800: #474045;
--color-so-dainty-900: #312c30;
--color-so-dainty-950: #1d191c;
}SCSS
$so-dainty: #cdc0c9;
$so-dainty-rgb: 205, 192, 201;
$so-dainty-light: mix(#fff, $so-dainty, 20%);
$so-dainty-dark: mix(#000, $so-dainty, 20%);
.element {
color: $so-dainty;
box-shadow: 0 0 0 2px rgba($so-dainty, 0.35);
}