Nazwany kolor · #CBC5C2
Orchid Shadow
Orchid Shadow to #CBC5C2: rgb(203 197 194), hsl(20 8% 78%), oklch(0.827 0.008 48.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Orchid Shadow color name →
#CBC5C2
oklch(0.827 0.008 48.6)
Konwersje koloru
- HEX
- #cbc5c2
- RGB
- rgb(203 197 194)
- HSL
- hsl(20 8% 78%)
- HWB
- hwb(20 76% 20%)
- OKLCH
- oklch(0.827 0.008 48.6)
- OKLab
- oklab(0.827 0.005 0.006)
- CIE Lab
- lab(79.95 1.76 2.29)
- LCH
- lch(79.95 2.89 52.4)
- CMYK
- cmyk(0% 3% 4% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0CBC8
- D5D0CE
- DAD6D4
- E0DCDA
- E5E2E0
- EAE7E6
- EFEDEC
- F4F3F3
- FAF9F9
Odcienie ciemniejsze
- B0ABA8
- 96928F
- 7D7977
- 656160
- 4D4B49
- 373534
- 222120
- 0F0E0E
- 020202
Tony
- C3BEBB
- BCB7B4
- B4B0AE
- ACA9A7
- A5A2A0
- 9D9B9A
- 969493
- 8E8D8D
- 878786
Harmonie kolorów
Komplementarna +180°
- CBC5C2
Orchid Shadow
- C1C8CB
≈ Hazy Blue
Analogowa -30° +30°
- CBC5C2
Orchid Shadow
- CCC4C4
≈ Dangerous Robot
- C9C6C1
≈ Grey Spell
Triada +120° +240°
- CBC5C2
Orchid Shadow
- C2C8C5
≈ Solitary State
- C6C6CB
≈ Centre Stage
Komplementarna rozszczepiona +150° +210°
- CBC5C2
Orchid Shadow
- C1C8C8
≈ Sonnet Grey
- C3C7CC
≈ Flat Aluminium
Tetrada +90° +180° +270°
- CBC5C2
Orchid Shadow
- C4C8C3
≈ Solitary State
- C1C8CB
≈ Hazy Blue
- C9C5CA
≈ Centre Stage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.30:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--orchid-shadow: #cbc5c2;
--orchid-shadow-rgb: 203 197 194;
--orchid-shadow-oklch: oklch(0.827 0.008 48.6);
}
.element {
color: var(--orchid-shadow);
background-color: hsl(20 8% 78%);
border-color: oklch(0.827 0.008 48.6);
}Tailwind CSS v4
@theme {
--color-orchid-shadow: #cbc5c2;
--color-orchid-shadow-50: #f7f4f3;
--color-orchid-shadow-100: #eae7e5;
--color-orchid-shadow-200: #d7d3d1;
--color-orchid-shadow-300: #bbb6b4;
--color-orchid-shadow-400: #a39d9a;
--color-orchid-shadow-500: #8b8582;
--color-orchid-shadow-600: #75706e;
--color-orchid-shadow-700: #5e5a58;
--color-orchid-shadow-800: #454240;
--color-orchid-shadow-900: #302d2c;
--color-orchid-shadow-950: #1c1a19;
}SCSS
$orchid-shadow: #cbc5c2;
$orchid-shadow-rgb: 203, 197, 194;
$orchid-shadow-light: mix(#fff, $orchid-shadow, 20%);
$orchid-shadow-dark: mix(#000, $orchid-shadow, 20%);
.element {
color: $orchid-shadow;
box-shadow: 0 0 0 2px rgba($orchid-shadow, 0.35);
}