Nearest named color · #AE8231
#AE8231
Nearest named color: Weissbier
#AE8231 (rgb(174 130 49), hsl(39 56% 44%), oklch(0.635 0.11 79.4)) is closest to the named color Weissbier. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AE8231
oklch(0.635 0.11 79.4)
Color conversions
- HEX
- #ae8231
- RGB
- rgb(174 130 49)
- HSL
- hsl(39 56% 44%)
- HWB
- hwb(39 19% 32%)
- OKLCH
- oklch(0.635 0.11 79.4)
- OKLab
- oklab(0.635 0.02 0.109)
- CIE Lab
- lab(57.66 11.58 48.71)
- LCH
- lch(57.66 50.07 76.6)
- CMYK
- cmyk(0% 25% 72% 32%)
Tints · Shades · Tones
Tints
- B68E49
- BE9B5F
- C6A774
- CFB388
- D7C09B
- DFCCAF
- E7D9C3
- EFE6D7
- F7F2EB
Shades
- 977029
- 805F22
- 6A4E1A
- 553E13
- 412F0C
- 2E2006
- 1C1203
- 0B0601
- 010100
Tones
- AA823D
- A58247
- A08250
- 9C8258
- 97825F
- 938267
- 8E816D
- 898174
- 85817A
Color harmonies
Complementary +180°
- AE8231
Weissbier
- 618BCD
≈ Royal Regatta
Analogous -30° +30°
- AE8231
Weissbier
- C0754B
≈ Monarch Migration
- 909038
≈ Bean Shoot
Triadic +120° +240°
- AE8231
Weissbier
- 009EA4
≈ Turkish Boy
- A874B5
≈ Bell Heather
Split-complementary +150° +210°
- AE8231
Weissbier
- 2E97C0
≈ Galleon Blue
- 897FC9
≈ Faraway Sky
Tetradic +90° +180° +270°
- AE8231
Weissbier
- 31A07F
≈ Klimt Green
- 618BCD
≈ Royal Regatta
- BC6D95
≈ Pinky Pickle
Contrast & accessibility
Ag
FailOn white
WCAG 3.47:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.03:1 · APCA Lc 40
Best text color: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--weissbier: #ae8231;
--weissbier-rgb: 174 130 49;
--weissbier-oklch: oklch(0.635 0.11 79.4);
}
.element {
color: var(--weissbier);
background-color: hsl(39 56% 44%);
border-color: oklch(0.635 0.11 79.4);
}Tailwind CSS v4
@theme {
--color-weissbier: #ae8231;
--color-weissbier-50: #fff3d2;
--color-weissbier-100: #fbe5bf;
--color-weissbier-200: #ecd09f;
--color-weissbier-300: #d4b275;
--color-weissbier-400: #c1974d;
--color-weissbier-500: #ad7c19;
--color-weissbier-600: #926919;
--color-weissbier-700: #755414;
--color-weissbier-800: #573d0c;
--color-weissbier-900: #3d2a08;
--color-weissbier-950: #261700;
}SCSS
$weissbier: #ae8231;
$weissbier-rgb: 174, 130, 49;
$weissbier-light: mix(#fff, $weissbier, 20%);
$weissbier-dark: mix(#000, $weissbier, 20%);
.element {
color: $weissbier;
box-shadow: 0 0 0 2px rgba($weissbier, 0.35);
}