Warna bernama terdekat · #BDAE2B
#BDAE2B
Warna bernama terdekat: Greenfinch
#BDAE2B (rgb(189 174 43), hsl(54 63% 45%), oklch(0.742 0.143 102.5)) paling mendekati warna bernama Greenfinch. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#BDAE2B
oklch(0.742 0.143 102.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C3B64A
- CABF63
- D0C778
- D6CF8D
- DDD7A0
- E4DFB4
- EAE7C7
- F1EFD9
- F8F7EC
Shade
- A49724
- 8C801D
- 746A16
- 5D5510
- 47410A
- 332E05
- 1F1C02
- 0D0B01
- 020100
Tone
- B7AA3C
- B0A549
- AAA153
- A49C5C
- 9E9863
- 98936A
- 928E70
- 8C8A76
- 86857B
Harmoni warna
Komplementer +180°
- BDAE2B
Greenfinch
- 9F9FFF
≈ Cobalite
Analog -30° +30°
- BDAE2B
Greenfinch
- E29B2F
≈ Intense Yellow
- 88BE5A
≈ Makin It Rain
Triadik +120° +240°
- BDAE2B
Greenfinch
- 00BDEA
≈ Blue Raspberry
- E885C4
≈ Blushed Bombshell
Split-komplementer +150° +210°
- BDAE2B
Greenfinch
- 68AFFF
≈ Tiān Lán Sky
- CA8FEC
≈ Luminous Lavender
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.26:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.25:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.25:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
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);
}