Nazwany kolor · #CCC3BA
Doeskin Grey
Doeskin Grey to #CCC3BA: rgb(204 195 186), hsl(30 15% 76%), oklch(0.822 0.016 67.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Doeskin Grey color name →
#CCC3BA
oklch(0.822 0.016 67.6)
Konwersje koloru
- HEX
- #ccc3ba
- RGB
- rgb(204 195 186)
- HSL
- hsl(30 15% 76%)
- HWB
- hwb(30 73% 20%)
- OKLCH
- oklch(0.822 0.016 67.6)
- OKLab
- oklab(0.822 0.006 0.015)
- CIE Lab
- lab(79.35 2.1 5.72)
- LCH
- lch(79.35 6.09 69.9)
- CMYK
- cmyk(0% 4% 9% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1C9C1
- D6CFC7
- DBD5CE
- E0DBD5
- E5E1DC
- EAE7E3
- F0EDEA
- F5F3F1
- FAF9F8
Odcienie ciemniejsze
- B1A9A1
- 979089
- 7E7872
- 65605C
- 4E4A46
- 373432
- 22201E
- 0F0E0D
- 020202
Tony
- C4BCB4
- BCB5AE
- B5AEA8
- ADA8A2
- A5A19D
- 9E9A97
- 969491
- 8F8D8B
- 878686
Harmonie kolorów
Komplementarna +180°
- CCC3BA
Doeskin Grey
- BDC6CF
≈ Blue Dolphin
Analogowa -30° +30°
- CCC3BA
Doeskin Grey
- CFC1BD
≈ Dusky Violet
- C7C5B9
≈ Union Station
Triada +120° +240°
- CCC3BA
Doeskin Grey
- BAC8C6
≈ China Light Green
- C7C2CD
≈ Femininity
Komplementarna rozszczepiona +150° +210°
- CCC3BA
Doeskin Grey
- BAC7CC
≈ Gris Náutico
- C2C4CF
≈ Lavender Dust
Tetrada +90° +180° +270°
- CCC3BA
Doeskin Grey
- BDC8C1
≈ Powder Ash
- BDC6CF
≈ Blue Dolphin
- CCC1C8
≈ So Dainty
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.08:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--doeskin-grey: #ccc3ba;
--doeskin-grey-rgb: 204 195 186;
--doeskin-grey-oklch: oklch(0.822 0.016 67.6);
}
.element {
color: var(--doeskin-grey);
background-color: hsl(30 15% 76%);
border-color: oklch(0.822 0.016 67.6);
}Tailwind CSS v4
@theme {
--color-doeskin-grey: #ccc3ba;
--color-doeskin-grey-50: #f8f4f0;
--color-doeskin-grey-100: #ebe7e2;
--color-doeskin-grey-200: #d9d3cd;
--color-doeskin-grey-300: #bdb6af;
--color-doeskin-grey-400: #a59d95;
--color-doeskin-grey-500: #8e847b;
--color-doeskin-grey-600: #787068;
--color-doeskin-grey-700: #605a53;
--color-doeskin-grey-800: #46413d;
--color-doeskin-grey-900: #312d2a;
--color-doeskin-grey-950: #1d1a17;
}SCSS
$doeskin-grey: #ccc3ba;
$doeskin-grey-rgb: 204, 195, 186;
$doeskin-grey-light: mix(#fff, $doeskin-grey, 20%);
$doeskin-grey-dark: mix(#000, $doeskin-grey, 20%);
.element {
color: $doeskin-grey;
box-shadow: 0 0 0 2px rgba($doeskin-grey, 0.35);
}