이름 색상 · #AAEE11
Glorious Green Glitter
Glorious Green Glitter은(는) #AAEE11: rgb(170 238 17), hsl(78 87% 50%), oklch(0.871 0.224 127.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Glorious Green Glitter color name →
#AAEE11
oklch(0.871 0.224 127.7)
색상 변환
- HEX
- #aaee11
- RGB
- rgb(170 238 17)
- HSL
- hsl(78 87% 50%)
- HWB
- hwb(78 7% 7%)
- OKLCH
- oklch(0.871 0.224 127.7)
- OKLab
- oklab(0.871 -0.137 0.177)
- CIE Lab
- lab(87.13 -41.4 81.34)
- LCH
- lch(87.13 91.27 117)
- CMYK
- cmyk(29% 0% 93% 7%)
틴트 · 셰이드 · 톤
틴트
- B2F048
- BBF366
- C3F57E
- CCF793
- D4F8A7
- DDFAB9
- E5FCCB
- EEFDDD
- F6FEEE
셰이드
- 93CF0D
- 7DB109
- 689306
- 537704
- 3F5C02
- 2D4201
- 1B2A00
- 0B1400
- 010300
톤
- A6E336
- A2D848
- 9ECD56
- 99C260
- 95B768
- 91AC6E
- 8DA174
- 899679
- 848B7D
색 조화
보색 +180°
- AAEE11
Glorious Green Glitter
- E3C7FF
≈ Foggy Heath
유사색 -30° +30°
- AAEE11
Glorious Green Glitter
- F5D400
≈ Thick Yellow
- 00FB9E
≈ Atomic Spring
삼각 배색 +120° +240°
- AAEE11
Glorious Green Glitter
- B2D9FF
≈ Droplet
- FFC2CC
≈ Cotton Candy Comet
분열 보색 +150° +210°
- AAEE11
Glorious Green Glitter
- CAD1FF
≈ Pale Phthalo Blue
- FFBCEB
≈ Pink Quartz
사각 배색 +90° +180° +270°
- AAEE11
Glorious Green Glitter
- 85E5FF
≈ Tranquil Pool
- E3C7FF
≈ Foggy Heath
- FFC5B3
≈ Ballet Skirt
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.94:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--glorious-green-glitter: #aaee11;
--glorious-green-glitter-rgb: 170 238 17;
--glorious-green-glitter-oklch: oklch(0.871 0.224 127.7);
}
.element {
color: var(--glorious-green-glitter);
background-color: hsl(78 87% 50%);
border-color: oklch(0.871 0.224 127.7);
}Tailwind CSS v4
@theme {
--color-glorious-green-glitter: #aaee11;
--color-glorious-green-glitter-50: #e0ffbe;
--color-glorious-green-glitter-100: #d0f7a7;
--color-glorious-green-glitter-200: #b5e77d;
--color-glorious-green-glitter-300: #91cd40;
--color-glorious-green-glitter-400: #78b400;
--color-glorious-green-glitter-500: #5a9d00;
--color-glorious-green-glitter-600: #4c8500;
--color-glorious-green-glitter-700: #3d6a00;
--color-glorious-green-glitter-800: #2f4e00;
--color-glorious-green-glitter-900: #203600;
--color-glorious-green-glitter-950: #102100;
}SCSS
$glorious-green-glitter: #aaee11;
$glorious-green-glitter-rgb: 170, 238, 17;
$glorious-green-glitter-light: mix(#fff, $glorious-green-glitter, 20%);
$glorious-green-glitter-dark: mix(#000, $glorious-green-glitter, 20%);
.element {
color: $glorious-green-glitter;
box-shadow: 0 0 0 2px rgba($glorious-green-glitter, 0.35);
}