Adlandırılmış renk · #E1D9DC
Smoky Orchid
Smoky Orchid, #E1D9DC: rgb(225 217 220), hsl(337 12% 87%), oklch(0.893 0.01 352.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Smoky Orchid color name →
#E1D9DC
oklch(0.893 0.01 352.4)
Renk dönüşümleri
- HEX
- #e1d9dc
- RGB
- rgb(225 217 220)
- HSL
- hsl(337 12% 87%)
- HWB
- hwb(337 85% 12%)
- OKLCH
- oklch(0.893 0.01 352.4)
- OKLab
- oklab(0.893 0.01 -0.001)
- CIE Lab
- lab(87.4 3.22 -0.45)
- LCH
- lch(87.4 3.26 352)
- CMYK
- cmyk(0% 4% 2% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4DDDF
- E7E1E3
- EAE4E6
- EDE8EA
- F0ECED
- F3F0F1
- F6F3F4
- F9F7F8
- FCFBFB
Koyu tonlar
- C4BCBF
- A7A1A3
- 8B8688
- 706C6E
- 565354
- 3E3B3C
- 272526
- 121111
- 020202
Gri tonlar
- D7D0D2
- CDC7C9
- C3BDBF
- B9B4B6
- AFABAD
- A6A3A4
- 9C9A9B
- 939192
- 898889
Renk uyumları
Tamamlayıcı +180°
- E1D9DC
Smoky Orchid
- D6DEDB
≈ Mystic
Analog -30° +30°
- E1D9DC
Smoky Orchid
- DFD9DF
≈ Breathless
- E2D9D9
≈ Forgotten Mosque
Üçlü +120° +240°
- E1D9DC
Smoky Orchid
- DBDCD5
≈ Pacific Fog
- D6DDE1
≈ Mystic Pool
Bölünmüş tamamlayıcı +150° +210°
- E1D9DC
Smoky Orchid
- D8DDD7
≈ Light Grey
- D5DDDE
≈ Ocean Crest
Dörtlü +90° +180° +270°
- E1D9DC
Smoky Orchid
- DFDBD5
≈ River Shark
- D6DEDB
≈ Mystic
- D8DCE2
≈ Wispy Skies
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.16:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--smoky-orchid: #e1d9dc;
--smoky-orchid-rgb: 225 217 220;
--smoky-orchid-oklch: oklch(0.893 0.01 352.4);
}
.element {
color: var(--smoky-orchid);
background-color: hsl(337 12% 87%);
border-color: oklch(0.893 0.01 352.4);
}Tailwind CSS v4
@theme {
--color-smoky-orchid: #e1d9dc;
--color-smoky-orchid-50: #f7f4f5;
--color-smoky-orchid-100: #ebe6e8;
--color-smoky-orchid-200: #d8d2d4;
--color-smoky-orchid-300: #bcb5b7;
--color-smoky-orchid-400: #a39c9f;
--color-smoky-orchid-500: #8c8487;
--color-smoky-orchid-600: #766f72;
--color-smoky-orchid-700: #5e595b;
--color-smoky-orchid-800: #454143;
--color-smoky-orchid-900: #302d2e;
--color-smoky-orchid-950: #1c1a1b;
}SCSS
$smoky-orchid: #e1d9dc;
$smoky-orchid-rgb: 225, 217, 220;
$smoky-orchid-light: mix(#fff, $smoky-orchid, 20%);
$smoky-orchid-dark: mix(#000, $smoky-orchid, 20%);
.element {
color: $smoky-orchid;
box-shadow: 0 0 0 2px rgba($smoky-orchid, 0.35);
}