이름 색상 · #C8BDA4
Courtyard
Courtyard은(는) #C8BDA4: rgb(200 189 164), hsl(42 25% 71%), oklch(0.801 0.036 87.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Courtyard color name →
#C8BDA4
oklch(0.801 0.036 87.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- CDC3AD
- D3CAB6
- D8D0BF
- DED7C8
- E3DED1
- E9E4DA
- EEEBE3
- F4F2EC
- F9F8F6
셰이드
- AEA48E
- 948C79
- 7B7464
- 635D50
- 4C473D
- 36332B
- 211F1A
- 0F0D0A
- 020201
톤
- C1B7A0
- B9B19D
- B2AA99
- ABA496
- A39E92
- 9C988E
- 95928B
- 8E8C87
- 878684
색 조화
보색 +180°
- C8BDA4
Courtyard
- B3BED6
≈ Movie Magic
유사색 -30° +30°
- C8BDA4
Courtyard
- D1B9A8
≈ Corkscrew Willow
- BCC1A7
≈ Healing Retreat
삼각 배색 +120° +240°
- C8BDA4
Courtyard
- A4C5CA
≈ Skyward
- CBB6CA
≈ Janey’s Party
분열 보색 +150° +210°
- C8BDA4
Courtyard
- A9C2D3
≈ Simpatico Blue
- C0BAD3
≈ Lemures
사각 배색 +90° +180° +270°
- C8BDA4
Courtyard
- A6C6BD
≈ Peppermint Pie
- B3BED6
≈ Movie Magic
- D3B5BE
≈ Delightful
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.27:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}