Nazwany kolor · #B7C61A
Rio Grande
Rio Grande to #B7C61A: rgb(183 198 26), hsl(65 77% 44%), oklch(0.788 0.174 115.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Rio Grande color name →
#B7C61A
oklch(0.788 0.174 115.2)
Konwersje koloru
- HEX
- #b7c61a
- RGB
- rgb(183 198 26)
- HSL
- hsl(65 77% 44%)
- HWB
- hwb(65 10% 22%)
- OKLCH
- oklch(0.788 0.174 115.2)
- OKLab
- oklab(0.788 -0.074 0.157)
- CIE Lab
- lab(76.73 -19.05 72.5)
- LCH
- lch(76.73 74.96 104.7)
- CMYK
- cmyk(8% 0% 87% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BECC45
- C4D261
- CBD878
- D2DE8D
- DAE4A1
- E1E9B5
- E8EFC7
- F0F4DA
- F7FAED
Odcienie ciemniejsze
- 9FAC15
- 879210
- 707A0C
- 5A6207
- 454B04
- 313502
- 1E2101
- 0C0E00
- 020200
Tony
- B1BF35
- ABB845
- A6B151
- A0AA5B
- 9AA363
- 959C6B
- 909571
- 8A8E76
- 85877B
Harmonie kolorów
Komplementarna +180°
- B7C61A
Rio Grande
- C0AAFF
≈ Purple Hepatica
Analogowa -30° +30°
- B7C61A
Rio Grande
- E9B000
≈ Sun Drops
- 68D670
≈ Pastel Green
Triada +120° +240°
- B7C61A
Rio Grande
- 5EC6FF
≈ Blue Mana
- FF93BE
≈ Schauss Pink
Komplementarna rozszczepiona +150° +210°
- B7C61A
Rio Grande
- 99B9FF
≈ Truesky Gloxym
- F18FF6
≈ Frail Fuchsia
Tetrada +90° +180° +270°
- B7C61A
Rio Grande
- 00D2E3
≈ Aztec Turquoise
- C0AAFF
≈ Purple Hepatica
- FF9A92
≈ Lolly
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.10:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--rio-grande: #b7c61a;
--rio-grande-rgb: 183 198 26;
--rio-grande-oklch: oklch(0.788 0.174 115.2);
}
.element {
color: var(--rio-grande);
background-color: hsl(65 77% 44%);
border-color: oklch(0.788 0.174 115.2);
}Tailwind CSS v4
@theme {
--color-rio-grande: #b7c61a;
--color-rio-grande-50: #f1fcc4;
--color-rio-grande-100: #e3f0ae;
--color-rio-grande-200: #cede87;
--color-rio-grande-300: #b1c352;
--color-rio-grande-400: #9ca900;
--color-rio-grande-500: #849100;
--color-rio-grande-600: #707b00;
--color-rio-grande-700: #596200;
--color-rio-grande-800: #444700;
--color-rio-grande-900: #2f3100;
--color-rio-grande-950: #1b1d00;
}SCSS
$rio-grande: #b7c61a;
$rio-grande-rgb: 183, 198, 26;
$rio-grande-light: mix(#fff, $rio-grande, 20%);
$rio-grande-dark: mix(#000, $rio-grande, 20%);
.element {
color: $rio-grande;
box-shadow: 0 0 0 2px rgba($rio-grande, 0.35);
}