Adlandırılmış renk · #C8BDA4
Courtyard
Courtyard, #C8BDA4: rgb(200 189 164), hsl(42 25% 71%), oklch(0.801 0.036 87.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Courtyard color name →
#C8BDA4
oklch(0.801 0.036 87.1)
Renk dönüşümleri
- HEX
- #c8bda4
- RGB
- rgb(200 189 164)
- HSL
- hsl(42 25% 71%)
- HWB
- hwb(42 64% 22%)
- OKLCH
- oklch(0.801 0.036 87.1)
- OKLab
- oklab(0.801 0.002 0.036)
- CIE Lab
- lab(77.03 0.96 14.16)
- LCH
- lch(77.03 14.19 86.1)
- CMYK
- cmyk(0% 5% 18% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDC3AD
- D3CAB6
- D8D0BF
- DED7C8
- E3DED1
- E9E4DA
- EEEBE3
- F4F2EC
- F9F8F6
Koyu tonlar
- AEA48E
- 948C79
- 7B7464
- 635D50
- 4C473D
- 36332B
- 211F1A
- 0F0D0A
- 020201
Gri tonlar
- C1B7A0
- B9B19D
- B2AA99
- ABA496
- A39E92
- 9C988E
- 95928B
- 8E8C87
- 878684
Renk uyumları
Tamamlayıcı +180°
- C8BDA4
Courtyard
- B3BED6
≈ Movie Magic
Analog -30° +30°
- C8BDA4
Courtyard
- D1B9A8
≈ Corkscrew Willow
- BCC1A7
≈ Healing Retreat
Üçlü +120° +240°
- C8BDA4
Courtyard
- A4C5CA
≈ Skyward
- CBB6CA
≈ Janey’s Party
Bölünmüş tamamlayıcı +150° +210°
- C8BDA4
Courtyard
- A9C2D3
≈ Simpatico Blue
- C0BAD3
≈ Lemures
Dörtlü +90° +180° +270°
- C8BDA4
Courtyard
- A6C6BD
≈ Peppermint Pie
- B3BED6
≈ Movie Magic
- D3B5BE
≈ Delightful
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.86:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.27:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--courtyard: #c8bda4;
--courtyard-rgb: 200 189 164;
--courtyard-oklch: oklch(0.801 0.036 87.1);
}
.element {
color: var(--courtyard);
background-color: hsl(42 25% 71%);
border-color: oklch(0.801 0.036 87.1);
}Tailwind CSS v4
@theme {
--color-courtyard: #c8bda4;
--color-courtyard-50: #f9f5ea;
--color-courtyard-100: #ede8db;
--color-courtyard-200: #dad4c3;
--color-courtyard-300: #bfb7a3;
--color-courtyard-400: #a89e86;
--color-courtyard-500: #91856b;
--color-courtyard-600: #7a715b;
--color-courtyard-700: #625a48;
--color-courtyard-800: #484234;
--color-courtyard-900: #322d24;
--color-courtyard-950: #1e1a12;
}SCSS
$courtyard: #c8bda4;
$courtyard-rgb: 200, 189, 164;
$courtyard-light: mix(#fff, $courtyard, 20%);
$courtyard-dark: mix(#000, $courtyard, 20%);
.element {
color: $courtyard;
box-shadow: 0 0 0 2px rgba($courtyard, 0.35);
}