Named color · #DFAF2B
Golden Samovar
Golden Samovar is #DFAF2B: rgb(223 175 43), hsl(44 74% 52%), oklch(0.777 0.148 86.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Golden Samovar color name →
#DFAF2B
oklch(0.777 0.148 86.9)
Color conversions
- HEX
- #dfaf2b
- RGB
- rgb(223 175 43)
- HSL
- hsl(44 74% 52%)
- HWB
- hwb(44 17% 13%)
- OKLCH
- oklch(0.777 0.148 86.9)
- OKLab
- oklab(0.777 0.008 0.147)
- CIE Lab
- lab(74.38 9.52 68.31)
- LCH
- lch(74.38 68.97 82.1)
- CMYK
- cmyk(0% 22% 81% 13%)
Tints · Shades · Tones
Tints
- E2B74C
- E6C065
- E9C87B
- ECD08F
- EFD8A2
- F3E0B5
- F6E8C8
- F9F0DA
- FCF7ED
Shades
- C29824
- A5811D
- 8A6B16
- 6F5610
- 56410A
- 3D2E05
- 271C02
- 120B01
- 020100
Tones
- D5AB3D
- CBA64A
- C2A255
- B89D5D
- AF9865
- A5946C
- 9C8F71
- 928A77
- 89857C
Color harmonies
Complementary +180°
- DFAF2B
Golden Samovar
- 96B4FF
≈ Carolina Blue
Analogous -30° +30°
- DFAF2B
Golden Samovar
- FC9C4E
≈ Autumn Splendour
- B0C247
≈ Rainforest Glow
Triadic +120° +240°
- DFAF2B
Golden Samovar
- 00CEE1
≈ Picnic Day Sky
- E793E7
≈ Diva Mecha
Split-complementary +150° +210°
- DFAF2B
Golden Samovar
- 58C2FF
≈ Blue Mana
- BFA4FF
≈ Diva
Tetradic +90° +180° +270°
- DFAF2B
Golden Samovar
- 00D4B4
≈ Channel Marker Green
- 96B4FF
≈ Carolina Blue
- FF8CB8
≈ Cochonnet
Contrast & accessibility
Ag
FailOn white
WCAG 2.03:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.30:1 · APCA Lc 63
Best text color: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--golden-samovar: #dfaf2b;
--golden-samovar-rgb: 223 175 43;
--golden-samovar-oklch: oklch(0.777 0.148 86.9);
}
.element {
color: var(--golden-samovar);
background-color: hsl(44 74% 52%);
border-color: oklch(0.777 0.148 86.9);
}Tailwind CSS v4
@theme {
--color-golden-samovar: #dfaf2b;
--color-golden-samovar-50: #fff4c5;
--color-golden-samovar-100: #fce6b0;
--color-golden-samovar-200: #eed28a;
--color-golden-samovar-300: #d6b357;
--color-golden-samovar-400: #c49710;
--color-golden-samovar-500: #b07c00;
--color-golden-samovar-600: #956a00;
--color-golden-samovar-700: #775400;
--color-golden-samovar-800: #593d00;
--color-golden-samovar-900: #3f2a00;
--color-golden-samovar-950: #281700;
}SCSS
$golden-samovar: #dfaf2b;
$golden-samovar-rgb: 223, 175, 43;
$golden-samovar-light: mix(#fff, $golden-samovar, 20%);
$golden-samovar-dark: mix(#000, $golden-samovar, 20%);
.element {
color: $golden-samovar;
box-shadow: 0 0 0 2px rgba($golden-samovar, 0.35);
}