이름 색상 · #E6C9A4
Gentle Fawn
Gentle Fawn은(는) #E6C9A4: rgb(230 201 164), hsl(34 57% 77%), oklch(0.851 0.059 73.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gentle Fawn color name →
#E6C9A4
oklch(0.851 0.059 73.6)
색상 변환
- HEX
- #e6c9a4
- RGB
- rgb(230 201 164)
- HSL
- hsl(34 57% 77%)
- HWB
- hwb(34 64% 10%)
- OKLCH
- oklch(0.851 0.059 73.6)
- OKLab
- oklab(0.851 0.017 0.057)
- CIE Lab
- lab(82.77 6.55 22.52)
- LCH
- lch(82.77 23.45 73.8)
- CMYK
- cmyk(0% 13% 29% 10%)
틴트 · 셰이드 · 톤
틴트
- E9CEAD
- EBD4B6
- EED9BF
- F0DFC8
- F3E4D1
- F5E9DA
- F8EFE4
- FAF4ED
- FDFAF6
셰이드
- C8AE8E
- AB9579
- 8E7C64
- 736450
- 594C3D
- 40362B
- 28221A
- 130F0A
- 030201
톤
- DBC1A1
- D1BA9D
- C6B39A
- BCAB96
- B2A492
- A89D8F
- 9E958B
- 948E87
- 8A8784
색 조화
보색 +180°
- E6C9A4
Gentle Fawn
- B4D1F5
≈ Ice Cold Stare
유사색 -30° +30°
- E6C9A4
Gentle Fawn
- F1C3AF
≈ Peach Temptation
- D4D1A4
≈ Cream Cheese Avocado
삼각 배색 +120° +240°
- E6C9A4
Gentle Fawn
- A1DBD9
≈ Aqua Island
- DCC3EA
≈ Glittering Gemstone
분열 보색 +150° +210°
- E6C9A4
Gentle Fawn
- A5D7EB
≈ Blue Bubble
- C8CAF4
≈ Soap
사각 배색 +90° +180° +270°
- E6C9A4
Gentle Fawn
- ABDBC4
≈ Mint Gala
- B4D1F5
≈ Ice Cold Stare
- EBBFD8
≈ Parrot Tulip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.25:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--gentle-fawn: #e6c9a4;
--gentle-fawn-rgb: 230 201 164;
--gentle-fawn-oklch: oklch(0.851 0.059 73.6);
}
.element {
color: var(--gentle-fawn);
background-color: hsl(34 57% 77%);
border-color: oklch(0.851 0.059 73.6);
}Tailwind CSS v4
@theme {
--color-gentle-fawn: #e6c9a4;
--color-gentle-fawn-50: #fff3e3;
--color-gentle-fawn-100: #f4e6d3;
--color-gentle-fawn-200: #e3d1b9;
--color-gentle-fawn-300: #c9b496;
--color-gentle-fawn-400: #b49a78;
--color-gentle-fawn-500: #9e805a;
--color-gentle-fawn-600: #866d4c;
--color-gentle-fawn-700: #6b573d;
--color-gentle-fawn-800: #4f3f2b;
--color-gentle-fawn-900: #372b1d;
--color-gentle-fawn-950: #22190d;
}SCSS
$gentle-fawn: #e6c9a4;
$gentle-fawn-rgb: 230, 201, 164;
$gentle-fawn-light: mix(#fff, $gentle-fawn, 20%);
$gentle-fawn-dark: mix(#000, $gentle-fawn, 20%);
.element {
color: $gentle-fawn;
box-shadow: 0 0 0 2px rgba($gentle-fawn, 0.35);
}