Named color · #C4A703
La Vida
La Vida is #C4A703: rgb(196 167 3), hsl(51 97% 39%), oklch(0.732 0.15 96.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · La Vida color name →
#C4A703
oklch(0.732 0.15 96.5)
Color conversions
- HEX
- #c4a703
- RGB
- rgb(196 167 3)
- HSL
- hsl(51 97% 39%)
- HWB
- hwb(51 1% 23%)
- OKLCH
- oklch(0.732 0.15 96.5)
- OKLab
- oklab(0.732 -0.017 0.149)
- CIE Lab
- lab(69.46 1.29 71.03)
- LCH
- lch(69.46 71.04 89)
- CMYK
- cmyk(0% 15% 98% 23%)
Tints · Shades · Tones
Tints
- CAB03B
- CFB958
- D5C270
- DBCB86
- E1D49B
- E7DCAF
- EDE5C3
- F3EED7
- F9F6EB
Shades
- AA9102
- 917B02
- 786601
- 615201
- 4A3E00
- 352C00
- 211A00
- 0E0A00
- 020100
Tones
- BDA32A
- B6A03C
- AF9C4A
- A89854
- A1945E
- 9A9066
- 948C6D
- 8D8874
- 86847A
Color harmonies
Complementary +180°
- C4A703
La Vida
- 929FFF
≈ Periwinkle Blue
Analogous -30° +30°
- C4A703
La Vida
- E79328
≈ Sanskrit
- 90B946
≈ Frog on a Log
Triadic +120° +240°
- C4A703
La Vida
- 00BCDD
≈ Maldives
- E281CB
≈ Pink Punk
Split-complementary +150° +210°
- C4A703
La Vida
- 4EAFFF
≈ Adamantine Blue
- C18DF2
≈ Liliac
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.36:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.87:1 · APCA Lc 56
Best text color: #000000
WCAG 8.87:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--la-vida: #c4a703;
--la-vida-rgb: 196 167 3;
--la-vida-oklch: oklch(0.732 0.15 96.5);
}
.element {
color: var(--la-vida);
background-color: hsl(51 97% 39%);
border-color: oklch(0.732 0.15 96.5);
}Tailwind CSS v4
@theme {
--color-la-vida: #c4a703;
--color-la-vida-50: #fff7c5;
--color-la-vida-100: #f4e9af;
--color-la-vida-200: #e5d689;
--color-la-vida-300: #cbb857;
--color-la-vida-400: #b89d08;
--color-la-vida-500: #a48300;
--color-la-vida-600: #8a6f00;
--color-la-vida-700: #6f5900;
--color-la-vida-800: #534000;
--color-la-vida-900: #3a2c00;
--color-la-vida-950: #241900;
}SCSS
$la-vida: #c4a703;
$la-vida-rgb: 196, 167, 3;
$la-vida-light: mix(#fff, $la-vida, 20%);
$la-vida-dark: mix(#000, $la-vida, 20%);
.element {
color: $la-vida;
box-shadow: 0 0 0 2px rgba($la-vida, 0.35);
}