이름 색상 · #4A9976
Smaragdine
Smaragdine은(는) #4A9976: rgb(74 153 118), hsl(153 35% 45%), oklch(0.623 0.095 162.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Smaragdine color name →
#4A9976
oklch(0.623 0.095 162.7)
색상 변환
- HEX
- #4a9976
- RGB
- rgb(74 153 118)
- HSL
- hsl(153 35% 45%)
- HWB
- hwb(153 29% 40%)
- OKLCH
- oklch(0.623 0.095 162.7)
- OKLab
- oklab(0.623 -0.091 0.028)
- CIE Lab
- lab(57.52 -31.95 10.69)
- LCH
- lch(57.52 33.69 161.5)
- CMYK
- cmyk(52% 0% 23% 40%)
틴트 · 셰이드 · 톤
틴트
- 5EA383
- 71AD90
- 83B79D
- 95C1AB
- A6CCB8
- B8D6C6
- CAE0D4
- DBEAE2
- EDF5F1
셰이드
- 3F8466
- 357056
- 2A5D47
- 204A38
- 173829
- 0E271C
- 06170F
- 020805
- 000101
톤
- 529777
- 599478
- 5F9279
- 648F7A
- 6A8D7B
- 6F8A7C
- 73887D
- 78857E
- 7C837F
색 조화
보색 +180°
- 4A9976
Smaragdine
- AF6F96
≈ Purple Starburst
유사색 -30° +30°
- 4A9976
Smaragdine
- 719356
≈ Piquant Green
- 2B9996
≈ Java
삼각 배색 +120° +240°
- 4A9976
Smaragdine
- 7F7FBF
≈ Deep Periwinkle
- B77358
≈ Warm Copper
분열 보색 +150° +210°
- 4A9976
Smaragdine
- 9B76B0
≈ English Lavender
- B96E77
≈ Rose Gold
사각 배색 +90° +180° +270°
- 4A9976
Smaragdine
- 5C8ABF
≈ Danube
- AF6F96
≈ Purple Starburst
- AA7D41
≈ Kaolin
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.43:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.10:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--smaragdine: #4a9976;
--smaragdine-rgb: 74 153 118;
--smaragdine-oklch: oklch(0.623 0.095 162.7);
}
.element {
color: var(--smaragdine);
background-color: hsl(153 35% 45%);
border-color: oklch(0.623 0.095 162.7);
}Tailwind CSS v4
@theme {
--color-smaragdine: #4a9976;
--color-smaragdine-50: #ddfeee;
--color-smaragdine-100: #ccf3e0;
--color-smaragdine-200: #afe2ca;
--color-smaragdine-300: #89c7ab;
--color-smaragdine-400: #66b08e;
--color-smaragdine-500: #3f9a73;
--color-smaragdine-600: #378262;
--color-smaragdine-700: #2c684e;
--color-smaragdine-800: #204c37;
--color-smaragdine-900: #153526;
--color-smaragdine-950: #062014;
}SCSS
$smaragdine: #4a9976;
$smaragdine-rgb: 74, 153, 118;
$smaragdine-light: mix(#fff, $smaragdine, 20%);
$smaragdine-dark: mix(#000, $smaragdine, 20%);
.element {
color: $smaragdine;
box-shadow: 0 0 0 2px rgba($smaragdine, 0.35);
}