Colore con nome più vicino · #419641
#419641
Colore con nome più vicino: Kryptonite Green
#419641 (rgb(65 150 65), hsl(120 40% 42%), oklch(0.601 0.147 143.5)) è più vicino al colore con nome Kryptonite Green. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#419641
oklch(0.601 0.147 143.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 56A155
- 6AAB68
- 7DB67B
- 90C08D
- A2CBA0
- B5D5B3
- C7E0C5
- DAEAD8
- ECF5EC
Ombre
- 378237
- 2E6E2E
- 255B25
- 1C491C
- 133713
- 0B260B
- 051605
- 010801
- 000100
Toni
- 4A9449
- 529250
- 599057
- 608E5E
- 668C64
- 6C8A6A
- 718770
- 768575
- 7B837B
Armonie di colore
Complementare +180°
- 419641
Kryptonite Green
- AA5EB2
≈ Royalty Loyalty
Analogo -30° +30°
- 419641
Kryptonite Green
- 818800
≈ Krypton Green
- 00967A
≈ Pool Table
Triadico +120° +240°
- 419641
Kryptonite Green
- 517CD7
≈ Serenity’s Reign
- C95755
≈ Whipped Strawberry
Complementare divisa +150° +210°
- 419641
Kryptonite Green
- 866CCF
≈ True V
- C15687
≈ Sparkling Blueberry Lemonade
Tetradico +90° +180° +270°
- 419641
Kryptonite Green
- 008BBF
≈ Cyan Cornflower Blue
- AA5EB2
≈ Royalty Loyalty
- C2630F
≈ Alloy Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.66:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
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);
}