가장 가까운 이름 색상 · #E8BC9E
#E8BC9E
가장 가까운 이름 색상: Fabulous Fawn
#E8BC9E(rgb(232 188 158), hsl(24 62% 76%), oklch(0.827 0.065 55.9))와 가장 가까운 이름 색상은 Fabulous Fawn입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E8BC9E
oklch(0.827 0.065 55.9)
색상 변환
- HEX
- #e8bc9e
- RGB
- rgb(232 188 158)
- HSL
- hsl(24 62% 76%)
- HWB
- hwb(24 62% 9%)
- OKLCH
- oklch(0.827 0.065 55.9)
- OKLab
- oklab(0.827 0.036 0.054)
- CIE Lab
- lab(79.66 13.23 21.52)
- LCH
- lch(79.66 25.26 58.4)
- CMYK
- cmyk(0% 19% 32% 9%)
틴트 · 셰이드 · 톤
틴트
- EBC3A8
- EDC9B1
- EFD0BB
- F2D7C5
- F4DDCE
- F6E4D8
- F9EBE2
- FBF2EB
- FDF8F5
셰이드
- CAA389
- AC8B74
- 907360
- 745D4D
- 59473A
- 403229
- 291F18
- 130D09
- 030201
톤
- DDB69B
- D3B098
- C8AA95
- BEA492
- B39E8F
- A9988C
- 9E9289
- 948C86
- 8A8683
색 조화
보색 +180°
- E8BC9E
Fabulous Fawn
- 9ECEEB
≈ Mediterranean Charm
유사색 -30° +30°
- E8BC9E
Fabulous Fawn
- EEB7B0
≈ Mesa Rose
- D9C496
≈ Chamomile Tea
삼각 배색 +120° +240°
- E8BC9E
Fabulous Fawn
- 99D5C4
≈ Aqua Glow
- C9BEEC
≈ Connecticut Lilac
분열 보색 +150° +210°
- E8BC9E
Fabulous Fawn
- 94D3DB
≈ Aqua Bloom
- B2C6F2
≈ Tropical Blue
사각 배색 +90° +180° +270°
- E8BC9E
Fabulous Fawn
- ACD2AD
≈ Coral Springs
- 9ECEEB
≈ Mediterranean Charm
- DDB8DD
≈ French Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.11:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--fabulous-fawn: #e8bc9e;
--fabulous-fawn-rgb: 232 188 158;
--fabulous-fawn-oklch: oklch(0.827 0.065 55.9);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(24 62% 76%);
border-color: oklch(0.827 0.065 55.9);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #e8bc9e;
--color-fabulous-fawn-50: #fff1e3;
--color-fabulous-fawn-100: #f9e3d3;
--color-fabulous-fawn-200: #eaceba;
--color-fabulous-fawn-300: #d2b097;
--color-fabulous-fawn-400: #bd9579;
--color-fabulous-fawn-500: #a87b5c;
--color-fabulous-fawn-600: #8e684e;
--color-fabulous-fawn-700: #72533e;
--color-fabulous-fawn-800: #543c2d;
--color-fabulous-fawn-900: #3b291e;
--color-fabulous-fawn-950: #25170e;
}SCSS
$fabulous-fawn: #e8bc9e;
$fabulous-fawn-rgb: 232, 188, 158;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}