가장 가까운 이름 색상 · #D8A928
#D8A928
가장 가까운 이름 색상: Honeycomb
#D8A928(rgb(216 169 40), hsl(44 69% 50%), oklch(0.758 0.145 86.7))와 가장 가까운 이름 색상은 Honeycomb입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D8A928
oklch(0.758 0.145 86.7)
색상 변환
- HEX
- #d8a928
- RGB
- rgb(216 169 40)
- HSL
- hsl(44 69% 50%)
- HWB
- hwb(44 16% 15%)
- OKLCH
- oklch(0.758 0.145 86.7)
- OKLab
- oklab(0.758 0.008 0.144)
- CIE Lab
- lab(72.13 9.48 66.99)
- LCH
- lch(72.13 67.66 81.9)
- CMYK
- cmyk(0% 22% 81% 15%)
틴트 · 셰이드 · 톤
틴트
- DCB249
- E0BB62
- E4C378
- E8CC8D
- ECD5A1
- F0DDB4
- F4E6C7
- F7EEDA
- FBF7EC
셰이드
- BC9221
- A07C1B
- 856715
- 6B530F
- 533F09
- 3B2C04
- 251B02
- 110A01
- 020100
톤
- CFA53B
- C6A148
- BD9D53
- B4995C
- AB9563
- A3916A
- 9A8D70
- 918976
- 89847B
색 조화
보색 +180°
- D8A928
Honeycomb
- 8DAEFF
≈ Kitten’s Eye
유사색 -30° +30°
- D8A928
Honeycomb
- F4964B
≈ Fall River
- ABBC43
≈ Hopscotch
삼각 배색 +120° +240°
- D8A928
Honeycomb
- 00C7DA
≈ The Crowd Roars!
- E08EE0
≈ Bright Lilac
분열 보색 +150° +210°
- D8A928
Honeycomb
- 40BDFF
≈ Megaman
- BA9CFF
≈ Diva
사각 배색 +90° +180° +270°
- D8A928
Honeycomb
- 00CDAE
≈ Mint Leaf
- 8DAEFF
≈ Kitten’s Eye
- F887B2
≈ Brown Knapweed
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.18:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.62:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--honeycomb: #d8a928;
--honeycomb-rgb: 216 169 40;
--honeycomb-oklch: oklch(0.758 0.145 86.7);
}
.element {
color: var(--honeycomb);
background-color: hsl(44 69% 50%);
border-color: oklch(0.758 0.145 86.7);
}Tailwind CSS v4
@theme {
--color-honeycomb: #d8a928;
--color-honeycomb-50: #fff4c7;
--color-honeycomb-100: #fce6b1;
--color-honeycomb-200: #edd28b;
--color-honeycomb-300: #d5b35a;
--color-honeycomb-400: #c3971a;
--color-honeycomb-500: #af7d00;
--color-honeycomb-600: #946a00;
--color-honeycomb-700: #775500;
--color-honeycomb-800: #593d00;
--color-honeycomb-900: #3e2a00;
--color-honeycomb-950: #271700;
}SCSS
$honeycomb: #d8a928;
$honeycomb-rgb: 216, 169, 40;
$honeycomb-light: mix(#fff, $honeycomb, 20%);
$honeycomb-dark: mix(#000, $honeycomb, 20%);
.element {
color: $honeycomb;
box-shadow: 0 0 0 2px rgba($honeycomb, 0.35);
}