Màu có tên · #D5AB09
Burnt Yellow
Burnt Yellow là #D5AB09: rgb(213 171 9), hsl(48 92% 44%), oklch(0.758 0.153 90.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Burnt Yellow color name →
#D5AB09
oklch(0.758 0.153 90.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9B43E
- DDBC5B
- E2C572
- E6CD88
- EAD69D
- EEDEB1
- F2E6C5
- F7EFD8
- FBF7EC
Sắc đậm
- B99407
- 9E7E05
- 836803
- 6A5402
- 514001
- 3A2D01
- 241B00
- 100B00
- 020100
Sắc xám
- CCA72D
- C4A33F
- BB9F4C
- B29B57
- AA9660
- A19267
- 998E6E
- 908975
- 88857B
Hòa sắc
Bổ túc +180°
- D5AB09
Burnt Yellow
- 93ACFF
≈ Widowmaker
Tương đồng -30° +30°
- D5AB09
Burnt Yellow
- F59639
≈ Highlighter Orange
- A3BE40
≈ In the Tropics
Bộ ba +120° +240°
- D5AB09
Burnt Yellow
- 00C6DF
≈ Caribbean Blue
- E78ADD
≈ Love Dust
Bổ túc chia +150° +210°
- D5AB09
Burnt Yellow
- 51BAFF
≈ Hello Summer
- C099FF
≈ Lilás
Bộ bốn +90° +180° +270°
- D5AB09
Burnt Yellow
- 00CCB5
≈ Pristine Oceanic
- 93ACFF
≈ Widowmaker
- FD83AB
≈ Informative Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.17:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.65:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}