이름 색상 · #D5AB09
Burnt Yellow
Burnt Yellow은(는) #D5AB09: rgb(213 171 9), hsl(48 92% 44%), oklch(0.758 0.153 90.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Burnt Yellow color name →
#D5AB09
oklch(0.758 0.153 90.8)
색상 변환
- HEX
- #d5ab09
- RGB
- rgb(213 171 9)
- HSL
- hsl(48 92% 44%)
- HWB
- hwb(48 4% 16%)
- OKLCH
- oklch(0.758 0.153 90.8)
- OKLab
- oklab(0.758 -0.002 0.153)
- CIE Lab
- lab(72.24 6.74 73.19)
- LCH
- lch(72.24 73.5 84.7)
- CMYK
- cmyk(0% 20% 96% 16%)
틴트 · 셰이드 · 톤
틴트
- D9B43E
- DDBC5B
- E2C572
- E6CD88
- EAD69D
- EEDEB1
- F2E6C5
- F7EFD8
- FBF7EC
셰이드
- B99407
- 9E7E05
- 836803
- 6A5402
- 514001
- 3A2D01
- 241B00
- 100B00
- 020100
톤
- CCA72D
- C4A33F
- BB9F4C
- B29B57
- AA9660
- A19267
- 998E6E
- 908975
- 88857B
색 조화
보색 +180°
- D5AB09
Burnt Yellow
- 93ACFF
≈ Widowmaker
유사색 -30° +30°
- D5AB09
Burnt Yellow
- F59639
≈ Highlighter Orange
- A3BE40
≈ In the Tropics
삼각 배색 +120° +240°
- D5AB09
Burnt Yellow
- 00C6DF
≈ Caribbean Blue
- E78ADD
≈ Love Dust
분열 보색 +150° +210°
- D5AB09
Burnt Yellow
- 51BAFF
≈ Hello Summer
- C099FF
≈ Lilás
사각 배색 +90° +180° +270°
- D5AB09
Burnt Yellow
- 00CCB5
≈ Pristine Oceanic
- 93ACFF
≈ Widowmaker
- FD83AB
≈ Informative Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.65:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--burnt-yellow: #d5ab09;
--burnt-yellow-rgb: 213 171 9;
--burnt-yellow-oklch: oklch(0.758 0.153 90.8);
}
.element {
color: var(--burnt-yellow);
background-color: hsl(48 92% 44%);
border-color: oklch(0.758 0.153 90.8);
}Tailwind CSS v4
@theme {
--color-burnt-yellow: #d5ab09;
--color-burnt-yellow-50: #fff5c4;
--color-burnt-yellow-100: #fae7ad;
--color-burnt-yellow-200: #ebd386;
--color-burnt-yellow-300: #d3b552;
--color-burnt-yellow-400: #c19900;
--color-burnt-yellow-500: #ac7f00;
--color-burnt-yellow-600: #926b00;
--color-burnt-yellow-700: #755600;
--color-burnt-yellow-800: #583e00;
--color-burnt-yellow-900: #3d2b00;
--color-burnt-yellow-950: #271800;
}SCSS
$burnt-yellow: #d5ab09;
$burnt-yellow-rgb: 213, 171, 9;
$burnt-yellow-light: mix(#fff, $burnt-yellow, 20%);
$burnt-yellow-dark: mix(#000, $burnt-yellow, 20%);
.element {
color: $burnt-yellow;
box-shadow: 0 0 0 2px rgba($burnt-yellow, 0.35);
}