이름 색상 · #BAC00E
La Rioja
La Rioja은(는) #BAC00E: rgb(186 192 14), hsl(62 86% 40%), oklch(0.777 0.17 112). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · La Rioja color name →
#BAC00E
oklch(0.777 0.17 112)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C0C741
- C7CD5D
- CDD475
- D4DA8B
- DBE19F
- E2E7B3
- E9EDC6
- F0F3D9
- F8F9EC
셰이드
- A1A70B
- 898E07
- 727605
- 5C5F03
- 464902
- 323401
- 1E2000
- 0D0E00
- 020200
톤
- B4BA30
- AEB342
- A8AD4E
- A2A759
- 9CA062
- 969A69
- 909470
- 8B8D76
- 85877B
색 조화
보색 +180°
- BAC00E
La Rioja
- B8A7FF
≈ Shy Moment
유사색 -30° +30°
- BAC00E
La Rioja
- E9AA00
≈ Filthy Brown
- 71D167
≈ Energise
삼각 배색 +120° +240°
- BAC00E
La Rioja
- 42C5FF
≈ Shovel Knight
- FF8BC1
≈ Cochonnet
분열 보색 +150° +210°
- BAC00E
La Rioja
- 8FB6FF
≈ Carolina Blue
- E88FF6
≈ Frail Fuchsia
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.63:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
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);
}