이름 색상 · #11EE00
Squeeze Toy Alien
Squeeze Toy Alien은(는) #11EE00: rgb(17 238 0), hsl(116 100% 47%), oklch(0.823 0.279 142.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Squeeze Toy Alien color name →
#11EE00
oklch(0.823 0.279 142.3)
색상 변환
- HEX
- #11ee00
- RGB
- rgb(17 238 0)
- HSL
- hsl(116 100% 47%)
- HWB
- hwb(116 0% 7%)
- OKLCH
- oklch(0.823 0.279 142.3)
- OKLab
- oklab(0.823 -0.221 0.17)
- CIE Lab
- lab(82.6 -74.66 76.96)
- LCH
- lch(82.6 107.23 134.1)
- CMYK
- cmyk(93% 0% 100% 7%)
틴트 · 셰이드 · 톤
틴트
- 4BF142
- 6AF360
- 82F679
- 97F88F
- AAFAA3
- BDFBB6
- CEFDC9
- DFFEDB
- EFFEED
셰이드
- 0DCF00
- 09B100
- 069300
- 047700
- 025C00
- 014200
- 002A00
- 001400
- 000300
톤
- 39E330
- 4CD843
- 59CD51
- 63C25C
- 6BB864
- 71AD6C
- 76A272
- 7A9777
- 7E8B7C
색 조화
보색 +180°
- 11EE00
Squeeze Toy Alien
- F3A2FF
≈ Rich Brilliant Lavender
유사색 -30° +30°
- 11EE00
Squeeze Toy Alien
- C8D000
≈ Golden Foil
- 00E6BA
≈ Aquamarine
삼각 배색 +120° +240°
- 11EE00
Squeeze Toy Alien
- A6C6FF
≈ Night Snow
- FFACA8
≈ Patient Pink
분열 보색 +150° +210°
- 11EE00
Squeeze Toy Alien
- C6BAFF
≈ Lavender Tonic
- FFA6CC
≈ Bazooka Pink
사각 배색 +90° +180° +270°
- 11EE00
Squeeze Toy Alien
- 78D1FF
≈ Heisenberg Blue
- F3A2FF
≈ Rich Brilliant Lavender
- FFB080
≈ Sassy Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.25:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--squeeze-toy-alien: #11ee00;
--squeeze-toy-alien-rgb: 17 238 0;
--squeeze-toy-alien-oklch: oklch(0.823 0.279 142.3);
}
.element {
color: var(--squeeze-toy-alien);
background-color: hsl(116 100% 47%);
border-color: oklch(0.823 0.279 142.3);
}Tailwind CSS v4
@theme {
--color-squeeze-toy-alien: #11ee00;
--color-squeeze-toy-alien-50: #c4ffc3;
--color-squeeze-toy-alien-100: #acffac;
--color-squeeze-toy-alien-200: #81f284;
--color-squeeze-toy-alien-300: #3eda4d;
--color-squeeze-toy-alien-400: #00c300;
--color-squeeze-toy-alien-500: #00ac00;
--color-squeeze-toy-alien-600: #009200;
--color-squeeze-toy-alien-700: #007500;
--color-squeeze-toy-alien-800: #005600;
--color-squeeze-toy-alien-900: #003c00;
--color-squeeze-toy-alien-950: #002500;
}SCSS
$squeeze-toy-alien: #11ee00;
$squeeze-toy-alien-rgb: 17, 238, 0;
$squeeze-toy-alien-light: mix(#fff, $squeeze-toy-alien, 20%);
$squeeze-toy-alien-dark: mix(#000, $squeeze-toy-alien, 20%);
.element {
color: $squeeze-toy-alien;
box-shadow: 0 0 0 2px rgba($squeeze-toy-alien, 0.35);
}