Màu có tên gần nhất · #AE9E00
#AE9E00
Màu có tên gần nhất: Lucky
#AE9E00 (rgb(174 158 0), hsl(54 100% 34%), oklch(0.692 0.145 102.2)) gần nhất với màu có tên Lucky. 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.
#AE9E00
oklch(0.692 0.145 102.2)
Chuyển đổi màu
- HEX
- #ae9e00
- RGB
- rgb(174 158 0)
- HSL
- hsl(54 100% 34%)
- HWB
- hwb(54 0% 32%)
- OKLCH
- oklch(0.692 0.145 102.2)
- OKLab
- oklab(0.692 -0.031 0.142)
- CIE Lab
- lab(64.91 -3.92 67.13)
- LCH
- lch(64.91 67.24 93.3)
- CMYK
- cmyk(0% 9% 100% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B6A838
- BDB254
- C5BB6C
- CDC582
- D5CF98
- DDD8AD
- E6E2C1
- EEECD6
- F6F5EA
Sắc đậm
- 978900
- 807400
- 6A6000
- 554D00
- 413A00
- 2E2900
- 1C1800
- 0B0900
- 010100
Sắc xám
- A99B27
- A49939
- A09647
- 9B9352
- 96905B
- 928D64
- 8D8A6B
- 898773
- 84837A
Hòa sắc
Bổ túc +180°
- AE9E00
Lucky
- 8F8EF2
≈ Perrywinkle
Tương đồng -30° +30°
- AE9E00
Lucky
- D28B0F
≈ End of Summer
- 79AE48
≈ Parakeet
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- AE9E00
Lucky
- 529FF2
≈ Feather Star
- BA7FDC
≈ Lavender Blossom
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.73:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.69:1 · APCA Lc 49
Màu chữ tốt nhất: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Đoạn mã
CSS
:root {
--lucky: #ae9e00;
--lucky-rgb: 174 158 0;
--lucky-oklch: oklch(0.692 0.145 102.2);
}
.element {
color: var(--lucky);
background-color: hsl(54 100% 34%);
border-color: oklch(0.692 0.145 102.2);
}Tailwind CSS v4
@theme {
--color-lucky: #ae9e00;
--color-lucky-50: #fbf8c8;
--color-lucky-100: #efebb3;
--color-lucky-200: #ded88e;
--color-lucky-300: #c3bb5e;
--color-lucky-400: #b0a121;
--color-lucky-500: #9a8800;
--color-lucky-600: #827300;
--color-lucky-700: #685c00;
--color-lucky-800: #4e4200;
--color-lucky-900: #362e00;
--color-lucky-950: #211a00;
}SCSS
$lucky: #ae9e00;
$lucky-rgb: 174, 158, 0;
$lucky-light: mix(#fff, $lucky, 20%);
$lucky-dark: mix(#000, $lucky, 20%);
.element {
color: $lucky;
box-shadow: 0 0 0 2px rgba($lucky, 0.35);
}