이름 색상 · #186E50
Precious Emerald
Precious Emerald은(는) #186E50: rgb(24 110 80), hsl(159 64% 26%), oklch(0.481 0.093 164.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Precious Emerald color name →
#186E50
oklch(0.481 0.093 164.5)
색상 변환
- HEX
- #186e50
- RGB
- rgb(24 110 80)
- HSL
- hsl(159 64% 26%)
- HWB
- hwb(159 9% 57%)
- OKLCH
- oklch(0.481 0.093 164.5)
- OKLab
- oklab(0.481 -0.09 0.025)
- CIE Lab
- lab(41.01 -31.79 9.35)
- LCH
- lch(41.01 33.14 163.6)
- CMYK
- cmyk(78% 0% 27% 57%)
틴트 · 셰이드 · 톤
틴트
- 367C60
- 4E8A70
- 659881
- 7BA692
- 90B5A3
- A6C3B5
- BCD2C7
- D2E1D9
- E8F0EC
셰이드
- 135F44
- 0F5039
- 0A412E
- 073324
- 04261A
- 021910
- 010E07
- 000402
- 000100
톤
- 297055
- 367259
- 42745E
- 4C7663
- 557868
- 5E796D
- 677B71
- 707D76
- 787E7B
색 조화
보색 +180°
- 186E50
Precious Emerald
- 82476A
≈ Madder Magenta
유사색 -30° +30°
- 186E50
Precious Emerald
- 476931
≈ Tree Shade
- 006C6C
≈ Mayan Blue
삼각 배색 +120° +240°
- 186E50
Precious Emerald
- 585690
≈ Fine Purple
- 884B2F
≈ Two Cents
분열 보색 +150° +210°
- 186E50
Precious Emerald
- 714D82
≈ Lilac Violet
- 8A464D
≈ Bolero
사각 배색 +90° +180° +270°
- 186E50
Precious Emerald
- 375F91
≈ Running Water
- 82476A
≈ Madder Magenta
- 7C5514
≈ Autumn Leaf Brown
대비 및 접근성
Ag
AA흰색 위
WCAG 6.20:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.38:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--precious-emerald: #186e50;
--precious-emerald-rgb: 24 110 80;
--precious-emerald-oklch: oklch(0.481 0.093 164.5);
}
.element {
color: var(--precious-emerald);
background-color: hsl(159 64% 26%);
border-color: oklch(0.481 0.093 164.5);
}Tailwind CSS v4
@theme {
--color-precious-emerald: #186e50;
--color-precious-emerald-50: #ddfeef;
--color-precious-emerald-100: #ccf2e1;
--color-precious-emerald-200: #afe2cc;
--color-precious-emerald-300: #89c7ad;
--color-precious-emerald-400: #66b090;
--color-precious-emerald-500: #3f9976;
--color-precious-emerald-600: #378264;
--color-precious-emerald-700: #2c6850;
--color-precious-emerald-800: #204c39;
--color-precious-emerald-900: #153527;
--color-precious-emerald-950: #062015;
}SCSS
$precious-emerald: #186e50;
$precious-emerald-rgb: 24, 110, 80;
$precious-emerald-light: mix(#fff, $precious-emerald, 20%);
$precious-emerald-dark: mix(#000, $precious-emerald, 20%);
.element {
color: $precious-emerald;
box-shadow: 0 0 0 2px rgba($precious-emerald, 0.35);
}