Màu có tên gần nhất · #BDAE2B
#BDAE2B
Màu có tên gần nhất: Greenfinch
#BDAE2B (rgb(189 174 43), hsl(54 63% 45%), oklch(0.742 0.143 102.5)) gần nhất với màu có tên Greenfinch. 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.
#BDAE2B
oklch(0.742 0.143 102.5)
Chuyển đổi màu
- HEX
- #bdae2b
- RGB
- rgb(189 174 43)
- HSL
- hsl(54 63% 45%)
- HWB
- hwb(54 17% 26%)
- OKLCH
- oklch(0.742 0.143 102.5)
- OKLab
- oklab(0.742 -0.031 0.14)
- CIE Lab
- lab(70.74 -4.63 63.63)
- LCH
- lch(70.74 63.8 94.2)
- CMYK
- cmyk(0% 8% 77% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3B64A
- CABF63
- D0C778
- D6CF8D
- DDD7A0
- E4DFB4
- EAE7C7
- F1EFD9
- F8F7EC
Sắc đậm
- A49724
- 8C801D
- 746A16
- 5D5510
- 47410A
- 332E05
- 1F1C02
- 0D0B01
- 020100
Sắc xám
- B7AA3C
- B0A549
- AAA153
- A49C5C
- 9E9863
- 98936A
- 928E70
- 8C8A76
- 86857B
Hòa sắc
Bổ túc +180°
- BDAE2B
Greenfinch
- 9F9FFF
≈ Cobalite
Tương đồng -30° +30°
- BDAE2B
Greenfinch
- E29B2F
≈ Intense Yellow
- 88BE5A
≈ Makin It Rain
Bộ ba +120° +240°
- BDAE2B
Greenfinch
- 00BDEA
≈ Blue Raspberry
- E885C4
≈ Blushed Bombshell
Bổ túc chia +150° +210°
- BDAE2B
Greenfinch
- 68AFFF
≈ Tiān Lán Sky
- CA8FEC
≈ Luminous Lavender
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.26:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.25:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.25:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--greenfinch: #bdae2b;
--greenfinch-rgb: 189 174 43;
--greenfinch-oklch: oklch(0.742 0.143 102.5);
}
.element {
color: var(--greenfinch);
background-color: hsl(54 63% 45%);
border-color: oklch(0.742 0.143 102.5);
}Tailwind CSS v4
@theme {
--color-greenfinch: #bdae2b;
--color-greenfinch-50: #fbf8c9;
--color-greenfinch-100: #efebb4;
--color-greenfinch-200: #ddd88f;
--color-greenfinch-300: #c3bb60;
--color-greenfinch-400: #afa125;
--color-greenfinch-500: #998800;
--color-greenfinch-600: #827300;
--color-greenfinch-700: #685c00;
--color-greenfinch-800: #4e4300;
--color-greenfinch-900: #362e00;
--color-greenfinch-950: #211b00;
}SCSS
$greenfinch: #bdae2b;
$greenfinch-rgb: 189, 174, 43;
$greenfinch-light: mix(#fff, $greenfinch, 20%);
$greenfinch-dark: mix(#000, $greenfinch, 20%);
.element {
color: $greenfinch;
box-shadow: 0 0 0 2px rgba($greenfinch, 0.35);
}