이름 색상 · #028F1E
Emerald
Emerald은(는) #028F1E: rgb(2 143 30), hsl(132 97% 28%), oklch(0.565 0.181 144.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Emerald color name →
#028F1E
oklch(0.565 0.181 144.2)
색상 변환
- HEX
- #028f1e
- RGB
- rgb(2 143 30)
- HSL
- hsl(132 97% 28%)
- HWB
- hwb(132 1% 44%)
- OKLCH
- oklch(0.565 0.181 144.2)
- OKLab
- oklab(0.565 -0.147 0.106)
- CIE Lab
- lab(51.59 -50.39 46.16)
- LCH
- lch(51.59 68.34 137.5)
- CMYK
- cmyk(99% 0% 79% 44%)
틴트 · 셰이드 · 톤
틴트
- 359B3B
- 51A653
- 68B169
- 7FBD7E
- 95C894
- AAD3A9
- BFDEBE
- D4E9D4
- EAF4E9
셰이드
- 017C19
- 016913
- 01570E
- 004509
- 003405
- 002403
- 001501
- 000700
- 000100
톤
- 258E2E
- 368D3B
- 448C45
- 4F8A4F
- 588958
- 618861
- 6A8669
- 718471
- 798278
색 조화
보색 +180°
- 028F1E
Emerald
- A747B0
≈ Fuchsia Pheromone
유사색 -30° +30°
- 028F1E
Emerald
- 757D00
≈ Flag Green
- 008A71
≈ Industrial Turquoise
삼각 배색 +120° +240°
- 028F1E
Emerald
- 3D6DDF
≈ Royal Blue
- CA3A3D
≈ Root Chakra
분열 보색 +150° +210°
- 028F1E
Emerald
- 7F59D4
≈ Gloomy Purple
- C13A7D
≈ Razzle Dazzle
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.24:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.95:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--emerald: #028f1e;
--emerald-rgb: 2 143 30;
--emerald-oklch: oklch(0.565 0.181 144.2);
}
.element {
color: var(--emerald);
background-color: hsl(132 97% 28%);
border-color: oklch(0.565 0.181 144.2);
}Tailwind CSS v4
@theme {
--color-emerald: #028f1e;
--color-emerald-50: #d4ffd7;
--color-emerald-100: #c1f9c4;
--color-emerald-200: #a0e9a6;
--color-emerald-300: #75d07e;
--color-emerald-400: #4eb953;
--color-emerald-500: #01a323;
--color-emerald-600: #0e8921;
--color-emerald-700: #0d6e1a;
--color-emerald-800: #10510b;
--color-emerald-900: #0a3807;
--color-emerald-950: #002300;
}SCSS
$emerald: #028f1e;
$emerald-rgb: 2, 143, 30;
$emerald-light: mix(#fff, $emerald, 20%);
$emerald-dark: mix(#000, $emerald, 20%);
.element {
color: $emerald;
box-shadow: 0 0 0 2px rgba($emerald, 0.35);
}