Named color · #5CA904
Ruminant’s Paradise
Ruminant’s Paradise is #5CA904: rgb(92 169 4), hsl(88 95% 34%), oklch(0.659 0.189 134.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Ruminant’s Paradise color name →
#5CA904
oklch(0.659 0.189 134.3)
Color conversions
- HEX
- #5ca904
- RGB
- rgb(92 169 4)
- HSL
- hsl(88 95% 34%)
- HWB
- hwb(88 2% 34%)
- OKLCH
- oklch(0.659 0.189 134.3)
- OKLab
- oklab(0.659 -0.132 0.135)
- CIE Lab
- lab(62.37 -41.98 61.66)
- LCH
- lch(62.37 74.6 124.3)
- CMYK
- cmyk(46% 0% 98% 34%)
Tints · Shades · Tones
Tints
- 6DB237
- 7DBB53
- 8EC46B
- 9ECD81
- AED596
- BEDEAC
- CEE6C0
- DEEFD5
- EFF7EA
Shades
- 4F9203
- 427C02
- 366701
- 2A5301
- 1F3F01
- 142C00
- 0A1B00
- 030A00
- 000100
Tones
- 61A527
- 65A139
- 699E46
- 6D9A50
- 71965A
- 749263
- 778D6B
- 7A8972
- 7D8579
Color harmonies
Complementary +180°
- 5CA904
Ruminant’s Paradise
- BB67E1
≈ Lavender
Analogous -30° +30°
- 5CA904
Ruminant’s Paradise
- A09500
≈ Papyrus
- 00AC7B
≈ Bright Camouflage
Triadic +120° +240°
- 5CA904
Ruminant’s Paradise
- 2F92FF
≈ Clear Chill
- EE546D
≈ Pink Pepper
Split-complementary +150° +210°
- 5CA904
Ruminant’s Paradise
- 887BFF
≈ Blue Party Parrot
- DD59AD
≈ Orion
Tetradic +90° +180° +270°
- 5CA904
Ruminant’s Paradise
- 00A1CA
≈ Charybdis
- BB67E1
≈ Lavender
- EB6106
≈ Shu Red
Contrast & accessibility
Ag
FailOn white
WCAG 2.94:1 · APCA Lc 56
Ag
AAAOn black
WCAG 7.13:1 · APCA Lc 46
Best text color: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--ruminant-s-paradise: #5ca904;
--ruminant-s-paradise-rgb: 92 169 4;
--ruminant-s-paradise-oklch: oklch(0.659 0.189 134.3);
}
.element {
color: var(--ruminant-s-paradise);
background-color: hsl(88 95% 34%);
border-color: oklch(0.659 0.189 134.3);
}Tailwind CSS v4
@theme {
--color-ruminant-s-paradise: #5ca904;
--color-ruminant-s-paradise-50: #ddffcd;
--color-ruminant-s-paradise-100: #cbf7b8;
--color-ruminant-s-paradise-200: #afe795;
--color-ruminant-s-paradise-300: #89cd68;
--color-ruminant-s-paradise-400: #6cb530;
--color-ruminant-s-paradise-500: #499e00;
--color-ruminant-s-paradise-600: #3f8600;
--color-ruminant-s-paradise-700: #326b00;
--color-ruminant-s-paradise-800: #274e00;
--color-ruminant-s-paradise-900: #1a3700;
--color-ruminant-s-paradise-950: #0a2100;
}SCSS
$ruminant-s-paradise: #5ca904;
$ruminant-s-paradise-rgb: 92, 169, 4;
$ruminant-s-paradise-light: mix(#fff, $ruminant-s-paradise, 20%);
$ruminant-s-paradise-dark: mix(#000, $ruminant-s-paradise, 20%);
.element {
color: $ruminant-s-paradise;
box-shadow: 0 0 0 2px rgba($ruminant-s-paradise, 0.35);
}