가장 가까운 이름 색상 · #D99D59
#D99D59
가장 가까운 이름 색상: Coffee Whip
#D99D59(rgb(217 157 89), hsl(32 63% 60%), oklch(0.74 0.111 68.1))와 가장 가까운 이름 색상은 Coffee Whip입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D99D59
oklch(0.74 0.111 68.1)
색상 변환
- HEX
- #d99d59
- RGB
- rgb(217 157 89)
- HSL
- hsl(32 63% 60%)
- HWB
- hwb(32 35% 15%)
- OKLCH
- oklch(0.74 0.111 68.1)
- OKLab
- oklab(0.74 0.042 0.103)
- CIE Lab
- lab(69.62 17.82 44.31)
- LCH
- lch(69.62 47.76 68.1)
- CMYK
- cmyk(0% 28% 59% 15%)
틴트 · 셰이드 · 톤
틴트
- DDA76B
- E1B17C
- E6BB8D
- E9C49D
- EDCEAE
- F1D8BE
- F5E2CE
- F8EBDE
- FCF5EF
셰이드
- BC884C
- A17340
- 865F34
- 6C4C28
- 533A1D
- 3B2813
- 251809
- 110903
- 020100
톤
- D09A5F
- C79864
- BE9568
- B5926D
- AC8F71
- A48C74
- 9B8977
- 92867B
- 89837D
색 조화
보색 +180°
- D99D59
Coffee Whip
- 70B1EE
≈ Sanctuary Spa
유사색 -30° +30°
- D99D59
Coffee Whip
- E79177
≈ Warm Welcome
- BDAB53
≈ Star Fruit Yellow Green
삼각 배색 +120° +240°
- D99D59
Coffee Whip
- 40C1B8
≈ Tint of Turquoise
- BE97E1
≈ Bright Lavender
분열 보색 +150° +210°
- D99D59
Coffee Whip
- 46BBD9
≈ Lake Thun
- 9AA4F0
≈ Cold Lips
사각 배색 +90° +180° +270°
- D99D59
Coffee Whip
- 68C090
≈ Young Bamboo
- 70B1EE
≈ Sanctuary Spa
- D88FC3
≈ Firm Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.91:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--coffee-whip: #d99d59;
--coffee-whip-rgb: 217 157 89;
--coffee-whip-oklch: oklch(0.74 0.111 68.1);
}
.element {
color: var(--coffee-whip);
background-color: hsl(32 63% 60%);
border-color: oklch(0.74 0.111 68.1);
}Tailwind CSS v4
@theme {
--color-coffee-whip: #d99d59;
--color-coffee-whip-50: #fff0d3;
--color-coffee-whip-100: #ffe2c0;
--color-coffee-whip-200: #f3cda1;
--color-coffee-whip-300: #dcae78;
--color-coffee-whip-400: #ca9152;
--color-coffee-whip-500: #b67624;
--color-coffee-whip-600: #9a6421;
--color-coffee-whip-700: #7b501a;
--color-coffee-whip-800: #5c3a12;
--color-coffee-whip-900: #40280b;
--color-coffee-whip-950: #291501;
}SCSS
$coffee-whip: #d99d59;
$coffee-whip-rgb: 217, 157, 89;
$coffee-whip-light: mix(#fff, $coffee-whip, 20%);
$coffee-whip-dark: mix(#000, $coffee-whip, 20%);
.element {
color: $coffee-whip;
box-shadow: 0 0 0 2px rgba($coffee-whip, 0.35);
}