이름 색상 · #2CE335
Alarming Slime
Alarming Slime은(는) #2CE335: rgb(44 227 53), hsl(123 77% 53%), oklch(0.799 0.251 143.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Alarming Slime color name →
#2CE335
oklch(0.799 0.251 143.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 53E754
- 6EEA6C
- 84EE81
- 98F194
- ABF4A7
- BDF6B9
- CEF9CB
- DFFBDC
- EFFDEE
셰이드
- 25C52D
- 1EA825
- 178C1D
- 117115
- 0A570E
- 053F08
- 022703
- 011201
- 000300
톤
- 43D945
- 51CF51
- 5DC65B
- 65BC62
- 6CB269
- 72A86F
- 779E74
- 7A9479
- 7E8A7D
색 조화
보색 +180°
- 2CE335
Alarming Slime
- F492FF
≈ Party Pig
유사색 -30° +30°
- 2CE335
Alarming Slime
- BFC800
≈ Key Lime Pie
- 00DCB4
≈ Channel Marker Green
삼각 배색 +120° +240°
- 2CE335
Alarming Slime
- 9BBDFF
≈ Truesky Gloxym
- FF9F9A
≈ Peach Amber
분열 보색 +150° +210°
- 2CE335
Alarming Slime
- C0B0FF
≈ Winterspring Lilac
- FF98C4
≈ Himalayan Balsam
사각 배색 +90° +180° +270°
- 2CE335
Alarming Slime
- 62CAFF
≈ Skyan
- F492FF
≈ Party Pig
- FFA469
≈ Baby Melon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.14:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
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);
}