En yakın adlandırılmış renk · #409441
#409441
En yakın adlandırılmış renk: Kryptonite Green
#409441 (rgb(64 148 65), hsl(121 40% 42%), oklch(0.595 0.145 143.7)) en çok Kryptonite Green adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#409441
oklch(0.595 0.145 143.7)
Renk dönüşümleri
- HEX
- #409441
- RGB
- rgb(64 148 65)
- HSL
- hsl(121 40% 42%)
- HWB
- hwb(121 25% 42%)
- OKLCH
- oklch(0.595 0.145 143.7)
- OKLab
- oklab(0.595 -0.117 0.086)
- CIE Lab
- lab(54.75 -39.71 35.29)
- LCH
- lch(54.75 53.13 138.4)
- CMYK
- cmyk(57% 0% 56% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 559F55
- 69A968
- 7CB47A
- 8FBF8D
- A2CAA0
- B4D4B2
- C7DFC5
- D9EAD8
- ECF4EC
Koyu tonlar
- 368037
- 2D6D2E
- 245A25
- 1B481C
- 133613
- 0B260B
- 051605
- 010801
- 000100
Gri tonlar
- 499249
- 519150
- 588F57
- 5F8D5E
- 658B64
- 6B896A
- 71876F
- 768575
- 7B827B
Renk uyumları
Tamamlayıcı +180°
- 409441
Kryptonite Green
- A85DAF
≈ Royalty Loyalty
Analog -30° +30°
- 409441
Kryptonite Green
- 7F8700
≈ Elwynn Forest Olive
- 009479
≈ Pool Table
Üçlü +120° +240°
- 409441
Kryptonite Green
- 517BD4
≈ Serenity’s Reign
- C65653
≈ Fuzzy Wuzzy Brown
Bölünmüş tamamlayıcı +150° +210°
- 409441
Kryptonite Green
- 846BCC
≈ Lavish Spending
- BE5585
≈ Berry Boost
Dörtlü +90° +180° +270°
- 409441
Kryptonite Green
- 008ABD
≈ Mermaid Dreams
- A85DAF
≈ Royalty Loyalty
- BF6210
≈ Monkey King
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.53:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--kryptonite-green: #409441;
--kryptonite-green-rgb: 64 148 65;
--kryptonite-green-oklch: oklch(0.595 0.145 143.7);
}
.element {
color: var(--kryptonite-green);
background-color: hsl(121 40% 42%);
border-color: oklch(0.595 0.145 143.7);
}Tailwind CSS v4
@theme {
--color-kryptonite-green: #409441;
--color-kryptonite-green-50: #dcffdd;
--color-kryptonite-green-100: #caf6cb;
--color-kryptonite-green-200: #ade5af;
--color-kryptonite-green-300: #86cb8a;
--color-kryptonite-green-400: #65b464;
--color-kryptonite-green-500: #3e9e40;
--color-kryptonite-green-600: #368537;
--color-kryptonite-green-700: #2b6b2c;
--color-kryptonite-green-800: #214e1c;
--color-kryptonite-green-900: #163612;
--color-kryptonite-green-950: #072104;
}SCSS
$kryptonite-green: #409441;
$kryptonite-green-rgb: 64, 148, 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);
}