Couleur nommée la plus proche · #419641
#419641
Couleur nommée la plus proche: Kryptonite Green
#419641 (rgb(65 150 65), hsl(120 40% 42%), oklch(0.601 0.147 143.5)) est la plus proche de la couleur nommée Kryptonite Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#419641
oklch(0.601 0.147 143.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 56A155
- 6AAB68
- 7DB67B
- 90C08D
- A2CBA0
- B5D5B3
- C7E0C5
- DAEAD8
- ECF5EC
Ombres
- 378237
- 2E6E2E
- 255B25
- 1C491C
- 133713
- 0B260B
- 051605
- 010801
- 000100
Tons
- 4A9449
- 529250
- 599057
- 608E5E
- 668C64
- 6C8A6A
- 718770
- 768575
- 7B837B
Harmonies de couleurs
Complémentaire +180°
- 419641
Kryptonite Green
- AA5EB2
≈ Royalty Loyalty
Analogue -30° +30°
- 419641
Kryptonite Green
- 818800
≈ Krypton Green
- 00967A
≈ Pool Table
Triadique +120° +240°
- 419641
Kryptonite Green
- 517CD7
≈ Serenity’s Reign
- C95755
≈ Whipped Strawberry
Complémentaire divisée +150° +210°
- 419641
Kryptonite Green
- 866CCF
≈ True V
- C15687
≈ Sparkling Blueberry Lemonade
Tétradique +90° +180° +270°
- 419641
Kryptonite Green
- 008BBF
≈ Cyan Cornflower Blue
- AA5EB2
≈ Royalty Loyalty
- C2630F
≈ Alloy Orange
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.70:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.66:1 · APCA Lc 37
Meilleure couleur de texte: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Extraits de code
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);
}