이름 색상 · #C8B9A4
Oatbran
Oatbran은(는) #C8B9A4: rgb(200 185 164), hsl(35 25% 71%), oklch(0.793 0.034 76.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Oatbran color name →
#C8B9A4
oklch(0.793 0.034 76.4)
색상 변환
- HEX
- #c8b9a4
- RGB
- rgb(200 185 164)
- HSL
- hsl(35 25% 71%)
- HWB
- hwb(35 64% 22%)
- OKLCH
- oklch(0.793 0.034 76.4)
- OKLab
- oklab(0.793 0.008 0.033)
- CIE Lab
- lab(76 2.96 12.73)
- LCH
- lch(76 13.06 76.9)
- CMYK
- cmyk(0% 8% 18% 22%)
틴트 · 셰이드 · 톤
틴트
- CDC0AD
- D3C7B6
- D8CEBF
- DED5C8
- E3DCD1
- E9E3DA
- EEEAE3
- F4F1EC
- F9F8F6
셰이드
- AEA08E
- 948979
- 7B7164
- 635B50
- 4C463D
- 36312B
- 211E1A
- 0F0D0A
- 020201
톤
- C1B3A0
- B9AD9D
- B2A899
- ABA296
- A39C92
- 9C968E
- 95918B
- 8E8B87
- 878684
색 조화
보색 +180°
- C8B9A4
Oatbran
- AEBDD1
≈ Sweet Blue
유사색 -30° +30°
- C8B9A4
Oatbran
- CFB5AA
≈ Sashay Sand
- BEBDA5
≈ Beryl Green
삼각 배색 +120° +240°
- C8B9A4
Oatbran
- A3C2C2
≈ Wild Life
- C4B5CA
≈ Delicate Mauve
분열 보색 +150° +210°
- C8B9A4
Oatbran
- A6C0CC
≈ Peace River
- B9B9D1
≈ Fragile
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.93:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--oatbran: #c8b9a4;
--oatbran-rgb: 200 185 164;
--oatbran-oklch: oklch(0.793 0.034 76.4);
}
.element {
color: var(--oatbran);
background-color: hsl(35 25% 71%);
border-color: oklch(0.793 0.034 76.4);
}Tailwind CSS v4
@theme {
--color-oatbran: #c8b9a4;
--color-oatbran-50: #faf4eb;
--color-oatbran-100: #eee7dc;
--color-oatbran-200: #dcd3c5;
--color-oatbran-300: #c1b6a5;
--color-oatbran-400: #aa9c89;
--color-oatbran-500: #93846e;
--color-oatbran-600: #7c6f5d;
--color-oatbran-700: #64594a;
--color-oatbran-800: #494136;
--color-oatbran-900: #332d25;
--color-oatbran-950: #1f1a13;
}SCSS
$oatbran: #c8b9a4;
$oatbran-rgb: 200, 185, 164;
$oatbran-light: mix(#fff, $oatbran, 20%);
$oatbran-dark: mix(#000, $oatbran, 20%);
.element {
color: $oatbran;
box-shadow: 0 0 0 2px rgba($oatbran, 0.35);
}