Adlandırılmış renk · #2CE335
Alarming Slime
Alarming Slime, #2CE335: rgb(44 227 53), hsl(123 77% 53%), oklch(0.799 0.251 143.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Alarming Slime color name →
#2CE335
oklch(0.799 0.251 143.2)
Renk dönüşümleri
- HEX
- #2ce335
- RGB
- rgb(44 227 53)
- HSL
- hsl(123 77% 53%)
- HWB
- hwb(123 17% 11%)
- OKLCH
- oklch(0.799 0.251 143.2)
- OKLab
- oklab(0.799 -0.201 0.15)
- CIE Lab
- lab(79.52 -68.51 65.61)
- LCH
- lch(79.52 94.86 136.2)
- CMYK
- cmyk(81% 0% 77% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 53E754
- 6EEA6C
- 84EE81
- 98F194
- ABF4A7
- BDF6B9
- CEF9CB
- DFFBDC
- EFFDEE
Koyu tonlar
- 25C52D
- 1EA825
- 178C1D
- 117115
- 0A570E
- 053F08
- 022703
- 011201
- 000300
Gri tonlar
- 43D945
- 51CF51
- 5DC65B
- 65BC62
- 6CB269
- 72A86F
- 779E74
- 7A9479
- 7E8A7D
Renk uyumları
Tamamlayıcı +180°
- 2CE335
Alarming Slime
- F492FF
≈ Party Pig
Analog -30° +30°
- 2CE335
Alarming Slime
- BFC800
≈ Key Lime Pie
- 00DCB4
≈ Channel Marker Green
Üçlü +120° +240°
- 2CE335
Alarming Slime
- 9BBDFF
≈ Truesky Gloxym
- FF9F9A
≈ Peach Amber
Bölünmüş tamamlayıcı +150° +210°
- 2CE335
Alarming Slime
- C0B0FF
≈ Winterspring Lilac
- FF98C4
≈ Himalayan Balsam
Dörtlü +90° +180° +270°
- 2CE335
Alarming Slime
- 62CAFF
≈ Skyan
- F492FF
≈ Party Pig
- FFA469
≈ Baby Melon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.14:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--alarming-slime: #2ce335;
--alarming-slime-rgb: 44 227 53;
--alarming-slime-oklch: oklch(0.799 0.251 143.2);
}
.element {
color: var(--alarming-slime);
background-color: hsl(123 77% 53%);
border-color: oklch(0.799 0.251 143.2);
}Tailwind CSS v4
@theme {
--color-alarming-slime: #2ce335;
--color-alarming-slime-50: #c8ffc9;
--color-alarming-slime-100: #b2ffb4;
--color-alarming-slime-200: #89f08f;
--color-alarming-slime-300: #4fd75e;
--color-alarming-slime-400: #00c00c;
--color-alarming-slime-500: #00aa00;
--color-alarming-slime-600: #009000;
--color-alarming-slime-700: #007300;
--color-alarming-slime-800: #005500;
--color-alarming-slime-900: #003b00;
--color-alarming-slime-950: #002500;
}SCSS
$alarming-slime: #2ce335;
$alarming-slime-rgb: 44, 227, 53;
$alarming-slime-light: mix(#fff, $alarming-slime, 20%);
$alarming-slime-dark: mix(#000, $alarming-slime, 20%);
.element {
color: $alarming-slime;
box-shadow: 0 0 0 2px rgba($alarming-slime, 0.35);
}