Named color · #53FE5C
Green Katamari
Green Katamari is #53FE5C: rgb(83 254 92), hsl(123 99% 66%), oklch(0.878 0.247 143.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Katamari color name →
#53FE5C
oklch(0.878 0.247 143.8)
Color conversions
- HEX
- #53fe5c
- RGB
- rgb(83 254 92)
- HSL
- hsl(123 99% 66%)
- HWB
- hwb(123 33% 0%)
- OKLCH
- oklch(0.878 0.247 143.8)
- OKLab
- oklab(0.878 -0.199 0.146)
- CIE Lab
- lab(88.74 -68.09 61.58)
- LCH
- lch(88.74 91.81 137.9)
- CMYK
- cmyk(67% 0% 64% 0%)
Tints · Shades · Tones
Tints
- 6EFF71
- 84FF84
- 96FF96
- A8FFA6
- B8FFB6
- C7FFC5
- D6FFD4
- E4FFE2
- F2FFF1
Shades
- 47DD4F
- 3BBD42
- 309E36
- 25802A
- 1B631F
- 114714
- 082D0A
- 021603
- 000300
Tones
- 5FF164
- 68E56A
- 6FD86F
- 74CB74
- 78BF77
- 7BB27A
- 7EA67C
- 7F997E
- 808D7F
Color harmonies
Complementary +180°
- 53FE5C
Green Katamari
- FABFFF
≈ Electric Lavender
Analogous -30° +30°
- 53FE5C
Green Katamari
- D7E400
≈ Sickly Yellow
- 00FACE
≈ Bright Teal
Triadic +120° +240°
- 53FE5C
Green Katamari
- C3D7FF
≈ Pale Phthalo Blue
- FFC7C2
≈ The Bluff
Split-complementary +150° +210°
- 53FE5C
Green Katamari
- D8CFFF
≈ Pale Lavender
- FFC3DA
≈ Sweet Romance
Tetradic +90° +180° +270°
- 53FE5C
Green Katamari
- A9DFFF
≈ Droplet
- FABFFF
≈ Electric Lavender
- FFCAA9
≈ Peach Crayon
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.69:1 · APCA Lc 88
Best text color: #000000
WCAG 15.69:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--green-katamari: #53fe5c;
--green-katamari-rgb: 83 254 92;
--green-katamari-oklch: oklch(0.878 0.247 143.8);
}
.element {
color: var(--green-katamari);
background-color: hsl(123 99% 66%);
border-color: oklch(0.878 0.247 143.8);
}Tailwind CSS v4
@theme {
--color-green-katamari: #53fe5c;
--color-green-katamari-50: #c8ffcb;
--color-green-katamari-100: #b1feb6;
--color-green-katamari-200: #89f092;
--color-green-katamari-300: #4fd762;
--color-green-katamari-400: #00c01c;
--color-green-katamari-500: #00aa00;
--color-green-katamari-600: #009000;
--color-green-katamari-700: #007300;
--color-green-katamari-800: #005500;
--color-green-katamari-900: #003b00;
--color-green-katamari-950: #002500;
}SCSS
$green-katamari: #53fe5c;
$green-katamari-rgb: 83, 254, 92;
$green-katamari-light: mix(#fff, $green-katamari, 20%);
$green-katamari-dark: mix(#000, $green-katamari, 20%);
.element {
color: $green-katamari;
box-shadow: 0 0 0 2px rgba($green-katamari, 0.35);
}