色名 · #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);
}