Nearest named color · #BDAE2B
#BDAE2B
Nearest named color: Greenfinch
#BDAE2B (rgb(189 174 43), hsl(54 63% 45%), oklch(0.742 0.143 102.5)) is closest to the named color Greenfinch. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BDAE2B
oklch(0.742 0.143 102.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C3B64A
- CABF63
- D0C778
- D6CF8D
- DDD7A0
- E4DFB4
- EAE7C7
- F1EFD9
- F8F7EC
Shades
- A49724
- 8C801D
- 746A16
- 5D5510
- 47410A
- 332E05
- 1F1C02
- 0D0B01
- 020100
Tones
- B7AA3C
- B0A549
- AAA153
- A49C5C
- 9E9863
- 98936A
- 928E70
- 8C8A76
- 86857B
Color harmonies
Complementary +180°
- BDAE2B
Greenfinch
- 9F9FFF
≈ Cobalite
Analogous -30° +30°
- BDAE2B
Greenfinch
- E29B2F
≈ Intense Yellow
- 88BE5A
≈ Makin It Rain
Triadic +120° +240°
- BDAE2B
Greenfinch
- 00BDEA
≈ Blue Raspberry
- E885C4
≈ Blushed Bombshell
Split-complementary +150° +210°
- BDAE2B
Greenfinch
- 68AFFF
≈ Tiān Lán Sky
- CA8FEC
≈ Luminous Lavender
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.26:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.25:1 · APCA Lc 58
Best text color: #000000
WCAG 9.25:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
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);
}