Adlandırılmış renk · #C3BBD4
Orchid House
Orchid House, #C3BBD4: rgb(195 187 212), hsl(259 23% 78%), oklch(0.806 0.036 300.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Orchid House color name →
#C3BBD4
oklch(0.806 0.036 300.2)
Renk dönüşümleri
- HEX
- #c3bbd4
- RGB
- rgb(195 187 212)
- HSL
- hsl(259 23% 78%)
- HWB
- hwb(259 73% 17%)
- OKLCH
- oklch(0.806 0.036 300.2)
- OKLab
- oklab(0.806 0.018 -0.031)
- CIE Lab
- lab(77.14 6.46 -11.55)
- LCH
- lch(77.14 13.23 299.2)
- CMYK
- cmyk(8% 12% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9C2D8
- CFC8DD
- D5CFE1
- DBD6E5
- E1DDE9
- E7E3EE
- EDEAF2
- F3F1F6
- F9F8FB
Koyu tonlar
- A9A2B8
- 908A9D
- 787383
- 605C69
- 4A4651
- 34323A
- 201F24
- 0E0D10
- 020202
Gri tonlar
- BCB5CB
- B5AFC3
- AEA9BA
- A8A3B2
- A19DA9
- 9A97A1
- 949198
- 8D8C90
- 868688
Renk uyumları
Tamamlayıcı +180°
- C3BBD4
Orchid House
- BCC4AA
≈ Zion
Analog -30° +30°
- C3BBD4
Orchid House
- B7BFD8
≈ Xenon Blue
- CEB8CB
≈ Soft Amethyst
Üçlü +120° +240°
- C3BBD4
Orchid House
- D2BBA9
≈ Chinchilla Chenille
- A8C8C1
≈ Peppermint Pie
Bölünmüş tamamlayıcı +150° +210°
- C3BBD4
Orchid House
- C9BFA6
≈ Pale Bamboo
- B0C7B4
≈ Zanah
Dörtlü +90° +180° +270°
- C3BBD4
Orchid House
- D6B8B2
≈ Peach Whip
- BCC4AA
≈ Zion
- A6C7CD
≈ Spring Storm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.37:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--orchid-house: #c3bbd4;
--orchid-house-rgb: 195 187 212;
--orchid-house-oklch: oklch(0.806 0.036 300.2);
}
.element {
color: var(--orchid-house);
background-color: hsl(259 23% 78%);
border-color: oklch(0.806 0.036 300.2);
}Tailwind CSS v4
@theme {
--color-orchid-house: #c3bbd4;
--color-orchid-house-50: #f7f3fe;
--color-orchid-house-100: #eae5f2;
--color-orchid-house-200: #d7d1e1;
--color-orchid-house-300: #bbb3c7;
--color-orchid-house-400: #a19ab1;
--color-orchid-house-500: #8a819b;
--color-orchid-house-600: #746d83;
--color-orchid-house-700: #5d5769;
--color-orchid-house-800: #44404d;
--color-orchid-house-900: #2f2c36;
--color-orchid-house-950: #1b1921;
}SCSS
$orchid-house: #c3bbd4;
$orchid-house-rgb: 195, 187, 212;
$orchid-house-light: mix(#fff, $orchid-house, 20%);
$orchid-house-dark: mix(#000, $orchid-house, 20%);
.element {
color: $orchid-house;
box-shadow: 0 0 0 2px rgba($orchid-house, 0.35);
}