가장 가까운 이름 색상 · #E3C07A
#E3C07A
가장 가까운 이름 색상: Freshly Baked
#E3C07A(rgb(227 192 122), hsl(40 65% 68%), oklch(0.823 0.097 83.8))와 가장 가까운 이름 색상은 Freshly Baked입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3C07A
oklch(0.823 0.097 83.8)
색상 변환
- HEX
- #e3c07a
- RGB
- rgb(227 192 122)
- HSL
- hsl(40 65% 68%)
- HWB
- hwb(40 48% 11%)
- OKLCH
- oklch(0.823 0.097 83.8)
- OKLab
- oklab(0.823 0.01 0.097)
- CIE Lab
- lab(79.65 6.32 40.03)
- LCH
- lch(79.65 40.53 81)
- CMYK
- cmyk(0% 15% 46% 11%)
틴트 · 셰이드 · 톤
틴트
- E6C688
- E9CD96
- ECD3A3
- EED9B1
- F1E0BE
- F4E6CB
- F7ECD8
- FAF3E5
- FCF9F2
셰이드
- C5A769
- A88E59
- 8C7649
- 715F3A
- 57492B
- 3F341D
- 272010
- 120E05
- 030201
톤
- D9BA7C
- CFB37D
- C4AD7E
- BAA67F
- B0A080
- A79980
- 9D9380
- 938D80
- 8A8680
색 조화
보색 +180°
- E3C07A
Freshly Baked
- A8C5FF
≈ Pastel Blue
유사색 -30° +30°
- E3C07A
Freshly Baked
- F7B489
≈ Autumn Mist
- C4CC82
≈ Soft Celery
삼각 배색 +120° +240°
- E3C07A
Freshly Baked
- 70D8E2
≈ Aquamarine Blue
- E5B0E9
≈ Land of Dreams
분열 보색 +150° +210°
- E3C07A
Freshly Baked
- 83D0FA
≈ Drift on the Sea
- C8B9FE
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- E3C07A
Freshly Baked
- 7DDAC0
≈ Star Grass
- A8C5FF
≈ Pastel Blue
- F7ABC9
≈ Rose Mallow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.08:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--freshly-baked: #e3c07a;
--freshly-baked-rgb: 227 192 122;
--freshly-baked-oklch: oklch(0.823 0.097 83.8);
}
.element {
color: var(--freshly-baked);
background-color: hsl(40 65% 68%);
border-color: oklch(0.823 0.097 83.8);
}Tailwind CSS v4
@theme {
--color-freshly-baked: #e3c07a;
--color-freshly-baked-50: #fff4d6;
--color-freshly-baked-100: #f6e6c4;
--color-freshly-baked-200: #e7d2a5;
--color-freshly-baked-300: #ceb47d;
--color-freshly-baked-400: #ba9a58;
--color-freshly-baked-500: #a5802f;
--color-freshly-baked-600: #8b6c2a;
--color-freshly-baked-700: #6f5721;
--color-freshly-baked-800: #533f16;
--color-freshly-baked-900: #3a2b0e;
--color-freshly-baked-950: #241802;
}SCSS
$freshly-baked: #e3c07a;
$freshly-baked-rgb: 227, 192, 122;
$freshly-baked-light: mix(#fff, $freshly-baked, 20%);
$freshly-baked-dark: mix(#000, $freshly-baked, 20%);
.element {
color: $freshly-baked;
box-shadow: 0 0 0 2px rgba($freshly-baked, 0.35);
}