이름 색상 · #DAB965
Misted Yellow
Misted Yellow은(는) #DAB965: rgb(218 185 101), hsl(43 61% 63%), oklch(0.797 0.11 88.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Misted Yellow color name →
#DAB965
oklch(0.797 0.11 88.4)
색상 변환
- HEX
- #dab965
- RGB
- rgb(218 185 101)
- HSL
- hsl(43 61% 63%)
- HWB
- hwb(43 40% 15%)
- OKLCH
- oklch(0.797 0.11 88.4)
- OKLab
- oklab(0.797 0.003 0.11)
- CIE Lab
- lab(76.78 4.75 46.72)
- LCH
- lch(76.78 46.96 84.2)
- CMYK
- cmyk(0% 15% 54% 15%)
틴트 · 셰이드 · 톤
틴트
- DEC076
- E1C786
- E5CE96
- E9D5A5
- EDDCB5
- F0E3C4
- F4EAD2
- F8F1E1
- FBF8F0
셰이드
- BDA057
- A28949
- 87713C
- 6C5B2F
- 544622
- 3C3117
- 251E0C
- 110D03
- 020200
톤
- D1B36A
- C7AE6E
- BEA871
- B5A274
- AC9D77
- A39779
- 9A917B
- 918B7D
- 89867F
색 조화
보색 +180°
- DAB965
Misted Yellow
- A1BBFF
≈ Truesky Gloxym
유사색 -30° +30°
- DAB965
Misted Yellow
- F2AB73
≈ Catalina Tile
- B6C773
≈ Young Leaf
삼각 배색 +120° +240°
- DAB965
Misted Yellow
- 56D0E2
≈ Watercourse
- E4A3E0
≈ Plum Juice
분열 보색 +150° +210°
- DAB965
Misted Yellow
- 75C7FC
≈ Nevermind Nirvana
- C6ADFB
≈ Teasel Dipsacus
사각 배색 +90° +180° +270°
- DAB965
Misted Yellow
- 61D4BD
≈ Sweet Garden
- A1BBFF
≈ Truesky Gloxym
- F79FBC
≈ Pink Chalk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.10:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--misted-yellow: #dab965;
--misted-yellow-rgb: 218 185 101;
--misted-yellow-oklch: oklch(0.797 0.11 88.4);
}
.element {
color: var(--misted-yellow);
background-color: hsl(43 61% 63%);
border-color: oklch(0.797 0.11 88.4);
}Tailwind CSS v4
@theme {
--color-misted-yellow: #dab965;
--color-misted-yellow-50: #fff5d2;
--color-misted-yellow-100: #f6e7bf;
--color-misted-yellow-200: #e6d39e;
--color-misted-yellow-300: #cdb574;
--color-misted-yellow-400: #b99b4c;
--color-misted-yellow-500: #a48115;
--color-misted-yellow-600: #8b6d16;
--color-misted-yellow-700: #6f5712;
--color-misted-yellow-800: #533f0a;
--color-misted-yellow-900: #3a2c07;
--color-misted-yellow-950: #241900;
}SCSS
$misted-yellow: #dab965;
$misted-yellow-rgb: 218, 185, 101;
$misted-yellow-light: mix(#fff, $misted-yellow, 20%);
$misted-yellow-dark: mix(#000, $misted-yellow, 20%);
.element {
color: $misted-yellow;
box-shadow: 0 0 0 2px rgba($misted-yellow, 0.35);
}