이름 색상 · #0AFA1E
Galactic Emerald
Galactic Emerald은(는) #0AFA1E: rgb(10 250 30), hsl(125 96% 51%), oklch(0.854 0.285 142.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Galactic Emerald color name →
#0AFA1E
oklch(0.854 0.285 142.9)
색상 변환
- HEX
- #0afa1e
- RGB
- rgb(10 250 30)
- HSL
- hsl(125 96% 51%)
- HWB
- hwb(125 4% 2%)
- OKLCH
- oklch(0.854 0.285 142.9)
- OKLab
- oklab(0.854 -0.228 0.172)
- CIE Lab
- lab(86.34 -77.36 76.79)
- LCH
- lch(86.34 109 135.2)
- CMYK
- cmyk(96% 0% 88% 2%)
틴트 · 셰이드 · 톤
틴트
- 4DFC4C
- 6CFD68
- 84FE7F
- 99FF94
- ADFFA7
- BFFFBA
- D0FFCC
- E0FFDD
- F0FFEE
셰이드
- 07D919
- 05BA13
- 039B0E
- 027D09
- 016105
- 014603
- 002D01
- 001500
- 000300
톤
- 39EE3A
- 4DE24B
- 5BD657
- 65C961
- 6DBD69
- 73B16F
- 78A574
- 7B9979
- 7E8C7D
색 조화
보색 +180°
- 0AFA1E
Galactic Emerald
- F7B3FF
≈ Strawberry Buttercream
유사색 -30° +30°
- 0AFA1E
Galactic Emerald
- D1DB00
≈ Octarine
- 00F1C5
≈ Fake Jade
삼각 배색 +120° +240°
- 0AFA1E
Galactic Emerald
- B7D0FF
≈ Ice Cold Stare
- FFBBB7
≈ Cherry Chip
분열 보색 +150° +210°
- 0AFA1E
Galactic Emerald
- D0C6FF
≈ Innocent Snowdrop
- FFB7D4
≈ Candy Bar
사각 배색 +90° +180° +270°
- 0AFA1E
Galactic Emerald
- 95DAFF
≈ Shiva Blue
- F7B3FF
≈ Strawberry Buttercream
- FFBF98
≈ Blushing Cinnamon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.70:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.70:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--galactic-emerald: #0afa1e;
--galactic-emerald-rgb: 10 250 30;
--galactic-emerald-oklch: oklch(0.854 0.285 142.9);
}
.element {
color: var(--galactic-emerald);
background-color: hsl(125 96% 51%);
border-color: oklch(0.854 0.285 142.9);
}Tailwind CSS v4
@theme {
--color-galactic-emerald: #0afa1e;
--color-galactic-emerald-50: #c1ffc2;
--color-galactic-emerald-100: #a9ffac;
--color-galactic-emerald-200: #7cf383;
--color-galactic-emerald-300: #32db4b;
--color-galactic-emerald-400: #00c400;
--color-galactic-emerald-500: #00ad00;
--color-galactic-emerald-600: #009300;
--color-galactic-emerald-700: #007600;
--color-galactic-emerald-800: #005600;
--color-galactic-emerald-900: #003c00;
--color-galactic-emerald-950: #002600;
}SCSS
$galactic-emerald: #0afa1e;
$galactic-emerald-rgb: 10, 250, 30;
$galactic-emerald-light: mix(#fff, $galactic-emerald, 20%);
$galactic-emerald-dark: mix(#000, $galactic-emerald, 20%);
.element {
color: $galactic-emerald;
box-shadow: 0 0 0 2px rgba($galactic-emerald, 0.35);
}