Adlandırılmış renk · #C9C1D0
Orchid Fragrance
Orchid Fragrance, #C9C1D0: rgb(201 193 208), hsl(272 14% 79%), oklch(0.822 0.022 309.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Orchid Fragrance color name →
#C9C1D0
oklch(0.822 0.022 309.5)
Renk dönüşümleri
- HEX
- #c9c1d0
- RGB
- rgb(201 193 208)
- HSL
- hsl(272 14% 79%)
- HWB
- hwb(272 76% 18%)
- OKLCH
- oklch(0.822 0.022 309.5)
- OKLab
- oklab(0.822 0.014 -0.017)
- CIE Lab
- lab(79.07 4.96 -6.49)
- LCH
- lch(79.07 8.17 307.4)
- CMYK
- cmyk(3% 7% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEC7D5
- D4CDD9
- D9D3DE
- DED9E3
- E4E0E7
- E9E6EC
- EFECF1
- F4F2F5
- F9F9FA
Koyu tonlar
- AEA7B5
- 958F9A
- 7C7780
- 645F67
- 4C494F
- 363439
- 222023
- 0F0E10
- 020202
Gri tonlar
- C1BAC8
- BAB4BF
- B2ADB7
- ABA6AF
- A4A0A7
- 9C999F
- 959397
- 8E8D8F
- 878688
Renk uyumları
Tamamlayıcı +180°
- C9C1D0
Orchid Fragrance
- C0C8B9
≈ Desert Panzer
Analog -30° +30°
- C9C1D0
Orchid Fragrance
- C1C4D4
≈ Grape Lavender
- CFBFC9
≈ So Dainty
Üçlü +120° +240°
- C9C1D0
Orchid Fragrance
- CFC3B6
≈ Gotta Have It
- B5CAC8
≈ Berry Mojito
Bölünmüş tamamlayıcı +150° +210°
- C9C1D0
Orchid Fragrance
- C8C5B5
≈ Secluded Beach
- B9C9C0
≈ Resting Place
Dörtlü +90° +180° +270°
- C9C1D0
Orchid Fragrance
- D2C0BA
≈ Musk Dusk
- C0C8B9
≈ Desert Panzer
- B6C9CF
≈ English Hollyhock
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.02:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.02:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--orchid-fragrance: #c9c1d0;
--orchid-fragrance-rgb: 201 193 208;
--orchid-fragrance-oklch: oklch(0.822 0.022 309.5);
}
.element {
color: var(--orchid-fragrance);
background-color: hsl(272 14% 79%);
border-color: oklch(0.822 0.022 309.5);
}Tailwind CSS v4
@theme {
--color-orchid-fragrance: #c9c1d0;
--color-orchid-fragrance-50: #f7f3fa;
--color-orchid-fragrance-100: #eae6ed;
--color-orchid-fragrance-200: #d7d2db;
--color-orchid-fragrance-300: #bbb4c0;
--color-orchid-fragrance-400: #a29ba9;
--color-orchid-fragrance-500: #8b8292;
--color-orchid-fragrance-600: #756e7b;
--color-orchid-fragrance-700: #5e5863;
--color-orchid-fragrance-800: #444049;
--color-orchid-fragrance-900: #2f2c32;
--color-orchid-fragrance-950: #1c191e;
}SCSS
$orchid-fragrance: #c9c1d0;
$orchid-fragrance-rgb: 201, 193, 208;
$orchid-fragrance-light: mix(#fff, $orchid-fragrance, 20%);
$orchid-fragrance-dark: mix(#000, $orchid-fragrance, 20%);
.element {
color: $orchid-fragrance;
box-shadow: 0 0 0 2px rgba($orchid-fragrance, 0.35);
}