Nearest named color · #419641
#419641
Nearest named color: Kryptonite Green
#419641 (rgb(65 150 65), hsl(120 40% 42%), oklch(0.601 0.147 143.5)) is closest to the named color Kryptonite Green. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#419641
oklch(0.601 0.147 143.5)
Color conversions
- HEX
- #419641
- RGB
- rgb(65 150 65)
- HSL
- hsl(120 40% 42%)
- HWB
- hwb(120 25% 41%)
- OKLCH
- oklch(0.601 0.147 143.5)
- OKLab
- oklab(0.601 -0.118 0.087)
- CIE Lab
- lab(55.44 -40.19 36.1)
- LCH
- lch(55.44 54.02 138.1)
- CMYK
- cmyk(57% 0% 57% 41%)
Tints · Shades · Tones
Tints
- 56A155
- 6AAB68
- 7DB67B
- 90C08D
- A2CBA0
- B5D5B3
- C7E0C5
- DAEAD8
- ECF5EC
Shades
- 378237
- 2E6E2E
- 255B25
- 1C491C
- 133713
- 0B260B
- 051605
- 010801
- 000100
Tones
- 4A9449
- 529250
- 599057
- 608E5E
- 668C64
- 6C8A6A
- 718770
- 768575
- 7B837B
Color harmonies
Complementary +180°
- 419641
Kryptonite Green
- AA5EB2
≈ Royalty Loyalty
Analogous -30° +30°
- 419641
Kryptonite Green
- 818800
≈ Krypton Green
- 00967A
≈ Pool Table
Triadic +120° +240°
- 419641
Kryptonite Green
- 517CD7
≈ Serenity’s Reign
- C95755
≈ Whipped Strawberry
Split-complementary +150° +210°
- 419641
Kryptonite Green
- 866CCF
≈ True V
- C15687
≈ Sparkling Blueberry Lemonade
Tetradic +90° +180° +270°
- 419641
Kryptonite Green
- 008BBF
≈ Cyan Cornflower Blue
- AA5EB2
≈ Royalty Loyalty
- C2630F
≈ Alloy Orange
Contrast & accessibility
Ag
FailOn white
WCAG 3.70:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.66:1 · APCA Lc 37
Best text color: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--kryptonite-green: #419641;
--kryptonite-green-rgb: 65 150 65;
--kryptonite-green-oklch: oklch(0.601 0.147 143.5);
}
.element {
color: var(--kryptonite-green);
background-color: hsl(120 40% 42%);
border-color: oklch(0.601 0.147 143.5);
}Tailwind CSS v4
@theme {
--color-kryptonite-green: #419641;
--color-kryptonite-green-50: #dcffdc;
--color-kryptonite-green-100: #caf6cb;
--color-kryptonite-green-200: #ace6ae;
--color-kryptonite-green-300: #85cc89;
--color-kryptonite-green-400: #65b463;
--color-kryptonite-green-500: #3d9e3e;
--color-kryptonite-green-600: #358536;
--color-kryptonite-green-700: #2a6b2b;
--color-kryptonite-green-800: #204e1b;
--color-kryptonite-green-900: #163711;
--color-kryptonite-green-950: #062104;
}SCSS
$kryptonite-green: #419641;
$kryptonite-green-rgb: 65, 150, 65;
$kryptonite-green-light: mix(#fff, $kryptonite-green, 20%);
$kryptonite-green-dark: mix(#000, $kryptonite-green, 20%);
.element {
color: $kryptonite-green;
box-shadow: 0 0 0 2px rgba($kryptonite-green, 0.35);
}