가장 가까운 이름 색상 · #3EB7A6
#3EB7A6
가장 가까운 이름 색상: Emerald Bliss
#3EB7A6(rgb(62 183 166), hsl(172 49% 48%), oklch(0.708 0.109 182))와 가장 가까운 이름 색상은 Emerald Bliss입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3EB7A6
oklch(0.708 0.109 182)
색상 변환
- HEX
- #3eb7a6
- RGB
- rgb(62 183 166)
- HSL
- hsl(172 49% 48%)
- HWB
- hwb(172 24% 28%)
- OKLCH
- oklch(0.708 0.109 182)
- OKLab
- oklab(0.708 -0.109 -0.004)
- CIE Lab
- lab(67.52 -37.85 -1.68)
- LCH
- lch(67.52 37.89 182.5)
- CMYK
- cmyk(66% 0% 9% 28%)
틴트 · 셰이드 · 톤
틴트
- 59BEAF
- 6FC6B7
- 83CDC0
- 96D4C9
- A8DBD2
- BAE3DB
- CCEAE4
- DDF1ED
- EEF8F6
셰이드
- 359F90
- 2B877A
- 237065
- 1A5A51
- 12453E
- 0A312B
- 041E1A
- 010C0A
- 000201
톤
- 4BB2A2
- 55AC9E
- 5DA79A
- 64A197
- 6B9C93
- 70968F
- 75918B
- 798B87
- 7D8684
색 조화
보색 +180°
- 3EB7A6
Emerald Bliss
- D9839C
≈ Primrose
유사색 -30° +30°
- 3EB7A6
Emerald Bliss
- 6AB57F
≈ Appleton
- 38B3C8
≈ Utopia Beckons
삼각 배색 +120° +240°
- 3EB7A6
Emerald Bliss
- AE90DA
≈ Middy’s Purple
- D29156
≈ Polo Pony
분열 보색 +150° +210°
- 3EB7A6
Emerald Bliss
- C987BF
≈ Dragonflies
- DC8776
≈ Love Sceptre
사각 배색 +90° +180° +270°
- 3EB7A6
Emerald Bliss
- 899DE5
≈ Portage
- D9839C
≈ Primrose
- B99F4A
≈ Underbrush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--emerald-bliss: #3eb7a6;
--emerald-bliss-rgb: 62 183 166;
--emerald-bliss-oklch: oklch(0.708 0.109 182);
}
.element {
color: var(--emerald-bliss);
background-color: hsl(172 49% 48%);
border-color: oklch(0.708 0.109 182);
}Tailwind CSS v4
@theme {
--color-emerald-bliss: #3eb7a6;
--color-emerald-bliss-50: #d4fff8;
--color-emerald-bliss-100: #c0f4ec;
--color-emerald-bliss-200: #9fe4d9;
--color-emerald-bliss-300: #72cabd;
--color-emerald-bliss-400: #44b3a3;
--color-emerald-bliss-500: #009d8b;
--color-emerald-bliss-600: #008576;
--color-emerald-bliss-700: #006a5e;
--color-emerald-bliss-800: #004e44;
--color-emerald-bliss-900: #00362f;
--color-emerald-bliss-950: #00211b;
}SCSS
$emerald-bliss: #3eb7a6;
$emerald-bliss-rgb: 62, 183, 166;
$emerald-bliss-light: mix(#fff, $emerald-bliss, 20%);
$emerald-bliss-dark: mix(#000, $emerald-bliss, 20%);
.element {
color: $emerald-bliss;
box-shadow: 0 0 0 2px rgba($emerald-bliss, 0.35);
}