Named color · #7C9F2F
Sushi
Sushi is #7C9F2F: rgb(124 159 47), hsl(79 54% 40%), oklch(0.654 0.143 125.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Sushi color name →
#7C9F2F
oklch(0.654 0.143 125.3)
Color conversions
- HEX
- #7c9f2f
- RGB
- rgb(124 159 47)
- HSL
- hsl(79 54% 40%)
- HWB
- hwb(79 18% 38%)
- OKLCH
- oklch(0.654 0.143 125.3)
- OKLab
- oklab(0.654 -0.083 0.117)
- CIE Lab
- lab(61.23 -24.85 51.21)
- LCH
- lch(61.23 56.92 115.9)
- CMYK
- cmyk(22% 0% 70% 38%)
Tints · Shades · Tones
Tints
- 88A949
- 95B260
- A1BC75
- AEC689
- BBCF9D
- C9D9B0
- D6E2C4
- E3ECD7
- F1F5EB
Shades
- 6B8A27
- 5A7520
- 4A6119
- 3B4D12
- 2C3B0C
- 1E2906
- 111803
- 050901
- 010100
Tones
- 7C9C3C
- 7D9947
- 7D9650
- 7E9359
- 7E9060
- 7E8D67
- 7F8A6E
- 7F8774
- 80837A
Color harmonies
Complementary +180°
- 7C9F2F
Sushi
- A577D6
≈ Rich Lavender
Analogous -30° +30°
- 7C9F2F
Sushi
- AA8F00
≈ Bark Sawdust
- 30A969
≈ Secret Garden
Triadic +120° +240°
- 7C9F2F
Sushi
- 3397E1
≈ Homeworld
- D76784
≈ Surfer Girl
Split-complementary +150° +210°
- 7C9F2F
Sushi
- 7887E7
≈ Soft Blue
- C56CB2
≈ Sugar Creek
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.06:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.85:1 · APCA Lc 44
Best text color: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--sushi: #7c9f2f;
--sushi-rgb: 124 159 47;
--sushi-oklch: oklch(0.654 0.143 125.3);
}
.element {
color: var(--sushi);
background-color: hsl(79 54% 40%);
border-color: oklch(0.654 0.143 125.3);
}Tailwind CSS v4
@theme {
--color-sushi: #7c9f2f;
--color-sushi-50: #eafed2;
--color-sushi-100: #dbf2be;
--color-sushi-200: #c3e09e;
--color-sushi-300: #a3c573;
--color-sushi-400: #8bad46;
--color-sushi-500: #709500;
--color-sushi-600: #5f7e08;
--color-sushi-700: #4c6509;
--color-sushi-800: #394a01;
--color-sushi-900: #273302;
--color-sushi-950: #151f00;
}SCSS
$sushi: #7c9f2f;
$sushi-rgb: 124, 159, 47;
$sushi-light: mix(#fff, $sushi, 20%);
$sushi-dark: mix(#000, $sushi, 20%);
.element {
color: $sushi;
box-shadow: 0 0 0 2px rgba($sushi, 0.35);
}