Màu có tên · #FFDB29
Golden Honey Suckle
Golden Honey Suckle là #FFDB29: rgb(255 219 41), hsl(50 100% 58%), oklch(0.896 0.176 96.3). 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? → · Golden Honey Suckle color name →
#FFDB29
oklch(0.896 0.176 96.3)
Chuyển đổi màu
- HEX
- #ffdb29
- RGB
- rgb(255 219 41)
- HSL
- hsl(50 100% 58%)
- HWB
- hwb(50 16% 0%)
- OKLCH
- oklch(0.896 0.176 96.3)
- OKLab
- oklab(0.896 -0.019 0.175)
- CIE Lab
- lab(88.53 1.39 81.73)
- LCH
- lch(88.53 81.74 89)
- CMYK
- cmyk(0% 14% 84% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFDF51
- FFE36C
- FFE783
- FFEB97
- FFEEAA
- FFF2BC
- FFF5CD
- FFF9DE
- FFFCEF
Sắc đậm
- DEBE22
- BEA21C
- 9E8715
- 806D0F
- 635409
- 483C05
- 2E2602
- 161101
- 030200
Sắc xám
- F2D241
- E4C950
- D7C05B
- CAB764
- BDAD6B
- B1A471
- A49B76
- 98927A
- 8C897D
Hòa sắc
Bổ túc +180°
- FFDB29
Golden Honey Suckle
- D3DAFF
≈ Icy Plains
Tương đồng -30° +30°
- FFDB29
Golden Honey Suckle
- FFD4A9
≈ Neon Cloud
- BFF165
≈ Green Cow
Bộ ba +120° +240°
- FFDB29
Golden Honey Suckle
- 9EEBFF
≈ Alpine Expedition
- FFC9F0
≈ Rosy Maple Moth
Bổ túc chia +150° +210°
- FFDB29
Golden Honey Suckle
- C0E1FF
≈ Dithered Sky
- E7D2FF
≈ Rose Dragée
Bộ bốn +90° +180° +270°
- FFDB29
Golden Honey Suckle
- 01FDED
≈ Master Sword Blue
- D3DAFF
≈ Icy Plains
- FFCED6
≈ Love Fumes
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.36:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.41:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--golden-honey-suckle: #ffdb29;
--golden-honey-suckle-rgb: 255 219 41;
--golden-honey-suckle-oklch: oklch(0.896 0.176 96.3);
}
.element {
color: var(--golden-honey-suckle);
background-color: hsl(50 100% 58%);
border-color: oklch(0.896 0.176 96.3);
}Tailwind CSS v4
@theme {
--color-golden-honey-suckle: #ffdb29;
--color-golden-honey-suckle-50: #fff7bc;
--color-golden-honey-suckle-100: #f7e9a5;
--color-golden-honey-suckle-200: #e8d57a;
--color-golden-honey-suckle-300: #cfb83b;
--color-golden-honey-suckle-400: #bd9c00;
--color-golden-honey-suckle-500: #a98100;
--color-golden-honey-suckle-600: #8f6e00;
--color-golden-honey-suckle-700: #735800;
--color-golden-honey-suckle-800: #563f00;
--color-golden-honey-suckle-900: #3c2b00;
--color-golden-honey-suckle-950: #261800;
}SCSS
$golden-honey-suckle: #ffdb29;
$golden-honey-suckle-rgb: 255, 219, 41;
$golden-honey-suckle-light: mix(#fff, $golden-honey-suckle, 20%);
$golden-honey-suckle-dark: mix(#000, $golden-honey-suckle, 20%);
.element {
color: $golden-honey-suckle;
box-shadow: 0 0 0 2px rgba($golden-honey-suckle, 0.35);
}