Named color · #B68B13
Loden Yellow
Loden Yellow is #B68B13: rgb(182 139 19), hsl(44 81% 39%), oklch(0.66 0.131 85.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Loden Yellow color name →
#B68B13
oklch(0.66 0.131 85.7)
Color conversions
- HEX
- #b68b13
- RGB
- rgb(182 139 19)
- HSL
- hsl(44 81% 39%)
- HWB
- hwb(44 7% 29%)
- OKLCH
- oklch(0.66 0.131 85.7)
- OKLab
- oklab(0.66 0.01 0.131)
- CIE Lab
- lab(60.74 9.64 61.76)
- LCH
- lch(60.74 62.51 81.1)
- CMYK
- cmyk(0% 24% 90% 29%)
Tints · Shades · Tones
Tints
- BD973A
- C5A255
- CCAE6C
- D3B982
- DBC597
- E2D0AC
- E9DCC1
- F0E8D5
- F8F3EA
Shades
- 9E780F
- 86660B
- 6F5407
- 594305
- 443203
- 302301
- 1D1401
- 0C0700
- 020100
Tones
- B18A2C
- AB893B
- A68947
- A08851
- 9B875B
- 968563
- 90846B
- 8B8372
- 858279
Color harmonies
Complementary +180°
- B68B13
Loden Yellow
- 6C8FE2
≈ United Nations Blue
Analogous -30° +30°
- B68B13
Loden Yellow
- CE7A39
≈ Marquis Orange
- 8F9B2F
≈ Vigorous Wasabi
Triadic +120° +240°
- B68B13
Loden Yellow
- 00A5B4
≈ Garish Blue
- BB74BD
≈ Lavendless
Split-complementary +150° +210°
- B68B13
Loden Yellow
- 259DD7
≈ Blue Burst
- 9980D9
≈ Indigo Bloom
Tetradic +90° +180° +270°
- B68B13
Loden Yellow
- 00AA8F
≈ Shindig
- 6C8FE2
≈ United Nations Blue
- D06E95
≈ Hopbush
Contrast & accessibility
Ag
FailOn white
WCAG 3.13:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.69:1 · APCA Lc 44
Best text color: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--loden-yellow: #b68b13;
--loden-yellow-rgb: 182 139 19;
--loden-yellow-oklch: oklch(0.66 0.131 85.7);
}
.element {
color: var(--loden-yellow);
background-color: hsl(44 81% 39%);
border-color: oklch(0.66 0.131 85.7);
}Tailwind CSS v4
@theme {
--color-loden-yellow: #b68b13;
--color-loden-yellow-50: #fff4cb;
--color-loden-yellow-100: #fae6b6;
--color-loden-yellow-200: #ecd293;
--color-loden-yellow-300: #d4b465;
--color-loden-yellow-400: #c19833;
--color-loden-yellow-500: #ad7d00;
--color-loden-yellow-600: #926a00;
--color-loden-yellow-700: #755500;
--color-loden-yellow-800: #583d00;
--color-loden-yellow-900: #3d2a00;
--color-loden-yellow-950: #271700;
}SCSS
$loden-yellow: #b68b13;
$loden-yellow-rgb: 182, 139, 19;
$loden-yellow-light: mix(#fff, $loden-yellow, 20%);
$loden-yellow-dark: mix(#000, $loden-yellow, 20%);
.element {
color: $loden-yellow;
box-shadow: 0 0 0 2px rgba($loden-yellow, 0.35);
}