Nazwany kolor · #439946
Kryptonite Green
Kryptonite Green to #439946: rgb(67 153 70), hsl(122 39% 43%), oklch(0.61 0.146 144.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Kryptonite Green color name →
#439946
oklch(0.61 0.146 144.1)
Konwersje koloru
- HEX
- #439946
- RGB
- rgb(67 153 70)
- HSL
- hsl(122 39% 43%)
- HWB
- hwb(122 26% 40%)
- OKLCH
- oklch(0.61 0.146 144.1)
- OKLab
- oklab(0.61 -0.118 0.085)
- CIE Lab
- lab(56.54 -40.28 34.97)
- LCH
- lch(56.54 53.34 139)
- CMYK
- cmyk(56% 0% 54% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 58A359
- 6CAE6C
- 7FB87E
- 91C290
- A3CCA2
- B6D6B4
- C8E1C7
- DAEBD9
- EDF5EC
Odcienie ciemniejsze
- 39843C
- 2F7032
- 265D28
- 1D4A1E
- 143815
- 0C270D
- 051705
- 010802
- 000100
Tony
- 4C974D
- 539554
- 5A925A
- 619060
- 678D66
- 6C8B6C
- 728871
- 778676
- 7B837B
Harmonie kolorów
Komplementarna +180°
- 439946
Kryptonite Green
- AD61B4
≈ Prickly Purple
Analogowa -30° +30°
- 439946
Kryptonite Green
- 838C00
≈ Foggy Bog
- 00997E
≈ Paolo Veronese Green
Triada +120° +240°
- 439946
Kryptonite Green
- 567FDA
≈ Serenity’s Reign
- CC5A57
≈ Pinkadelic
Komplementarna rozszczepiona +150° +210°
- 439946
Kryptonite Green
- 896FD1
≈ True V
- C45989
≈ Beauty Queen
Tetrada +90° +180° +270°
- 439946
Kryptonite Green
- 008EC4
≈ Parrotfish Blue
- AD61B4
≈ Prickly Purple
- C46715
≈ Hawaiian Sunset
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.56:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.88:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.88:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--kryptonite-green: #439946;
--kryptonite-green-rgb: 67 153 70;
--kryptonite-green-oklch: oklch(0.61 0.146 144.1);
}
.element {
color: var(--kryptonite-green);
background-color: hsl(122 39% 43%);
border-color: oklch(0.61 0.146 144.1);
}Tailwind CSS v4
@theme {
--color-kryptonite-green: #439946;
--color-kryptonite-green-50: #dbffdd;
--color-kryptonite-green-100: #c9f6cb;
--color-kryptonite-green-200: #ace6af;
--color-kryptonite-green-300: #85cc8a;
--color-kryptonite-green-400: #64b465;
--color-kryptonite-green-500: #3c9e41;
--color-kryptonite-green-600: #348538;
--color-kryptonite-green-700: #2a6b2c;
--color-kryptonite-green-800: #204e1c;
--color-kryptonite-green-900: #153712;
--color-kryptonite-green-950: #062105;
}SCSS
$kryptonite-green: #439946;
$kryptonite-green-rgb: 67, 153, 70;
$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);
}