Warna bernama · #BAC00E
La Rioja
La Rioja adalah #BAC00E: rgb(186 192 14), hsl(62 86% 40%), oklch(0.777 0.17 112). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · La Rioja color name →
#BAC00E
oklch(0.777 0.17 112)
Konversi warna
- HEX
- #bac00e
- RGB
- rgb(186 192 14)
- HSL
- hsl(62 86% 40%)
- HWB
- hwb(62 5% 25%)
- OKLCH
- oklch(0.777 0.17 112)
- OKLab
- oklab(0.777 -0.064 0.157)
- CIE Lab
- lab(75.29 -15.15 73.39)
- LCH
- lch(75.29 74.94 101.7)
- CMYK
- cmyk(3% 0% 93% 25%)
Tint · Shade · Tone
Tint
- C0C741
- C7CD5D
- CDD475
- D4DA8B
- DBE19F
- E2E7B3
- E9EDC6
- F0F3D9
- F8F9EC
Shade
- A1A70B
- 898E07
- 727605
- 5C5F03
- 464902
- 323401
- 1E2000
- 0D0E00
- 020200
Tone
- B4BA30
- AEB342
- A8AD4E
- A2A759
- 9CA062
- 969A69
- 909470
- 8B8D76
- 85877B
Harmoni warna
Komplementer +180°
- BAC00E
La Rioja
- B8A7FF
≈ Shy Moment
Analog -30° +30°
- BAC00E
La Rioja
- E9AA00
≈ Filthy Brown
- 71D167
≈ Energise
Triadik +120° +240°
- BAC00E
La Rioja
- 42C5FF
≈ Shovel Knight
- FF8BC1
≈ Cochonnet
Split-komplementer +150° +210°
- BAC00E
La Rioja
- 8FB6FF
≈ Carolina Blue
- E88FF6
≈ Frail Fuchsia
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.97:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.63:1 · APCA Lc 64
Warna teks terbaik: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Cuplikan kode
CSS
:root {
--la-rioja: #bac00e;
--la-rioja-rgb: 186 192 14;
--la-rioja-oklch: oklch(0.777 0.17 112);
}
.element {
color: var(--la-rioja);
background-color: hsl(62 86% 40%);
border-color: oklch(0.777 0.17 112);
}Tailwind CSS v4
@theme {
--color-la-rioja: #bac00e;
--color-la-rioja-50: #f4fbc4;
--color-la-rioja-100: #e7efad;
--color-la-rioja-200: #d3dd86;
--color-la-rioja-300: #b6c151;
--color-la-rioja-400: #a2a700;
--color-la-rioja-500: #8b8e00;
--color-la-rioja-600: #767900;
--color-la-rioja-700: #5e6100;
--color-la-rioja-800: #474600;
--color-la-rioja-900: #313000;
--color-la-rioja-950: #1d1c00;
}SCSS
$la-rioja: #bac00e;
$la-rioja-rgb: 186, 192, 14;
$la-rioja-light: mix(#fff, $la-rioja, 20%);
$la-rioja-dark: mix(#000, $la-rioja, 20%);
.element {
color: $la-rioja;
box-shadow: 0 0 0 2px rgba($la-rioja, 0.35);
}