가장 가까운 이름 색상 · #39AC9C
#39AC9C
가장 가까운 이름 색상: Ambrosial Oceanside
#39AC9C(rgb(57 172 156), hsl(172 50% 45%), oklch(0.676 0.104 182))와 가장 가까운 이름 색상은 Ambrosial Oceanside입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#39AC9C
oklch(0.676 0.104 182)
색상 변환
- HEX
- #39ac9c
- RGB
- rgb(57 172 156)
- HSL
- hsl(172 50% 45%)
- HWB
- hwb(172 22% 33%)
- OKLCH
- oklch(0.676 0.104 182)
- OKLab
- oklab(0.676 -0.104 -0.004)
- CIE Lab
- lab(63.75 -36.27 -1.67)
- LCH
- lch(63.75 36.31 182.6)
- CMYK
- cmyk(67% 0% 9% 33%)
틴트 · 셰이드 · 톤
틴트
- 54B4A5
- 6BBDAF
- 7FC5B9
- 92CDC3
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
셰이드
- 309587
- 287F73
- 1F695F
- 17544C
- 104039
- 092D28
- 041B18
- 010B09
- 000101
톤
- 46A899
- 51A396
- 5A9F93
- 619B91
- 68968E
- 6E928B
- 738E88
- 788986
- 7C8583
색 조화
보색 +180°
- 39AC9C
Ambrosial Oceanside
- CC7B92
≈ Wild Rose
유사색 -30° +30°
- 39AC9C
Ambrosial Oceanside
- 63AA77
≈ Green Tea Candy
- 33A8BC
≈ Explore Blue
삼각 배색 +120° +240°
- 39AC9C
Ambrosial Oceanside
- A387CD
≈ Lilac Purple
- C58850
≈ Tassel
분열 보색 +150° +210°
- 39AC9C
Ambrosial Oceanside
- BD7FB4
≈ Colombo Red Mauve
- CF7E6E
≈ Tawny Orange
사각 배색 +90° +180° +270°
- 39AC9C
Ambrosial Oceanside
- 8193D8
≈ Mystic Iris
- CC7B92
≈ Wild Rose
- AE9545
≈ Semi Opal
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.77:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.55:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--ambrosial-oceanside: #39ac9c;
--ambrosial-oceanside-rgb: 57 172 156;
--ambrosial-oceanside-oklch: oklch(0.676 0.104 182);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(172 50% 45%);
border-color: oklch(0.676 0.104 182);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #39ac9c;
--color-ambrosial-oceanside-50: #d5fff8;
--color-ambrosial-oceanside-100: #c2f4ec;
--color-ambrosial-oceanside-200: #a2e3d9;
--color-ambrosial-oceanside-300: #76c9bd;
--color-ambrosial-oceanside-400: #4ab3a3;
--color-ambrosial-oceanside-500: #009c8b;
--color-ambrosial-oceanside-600: #008476;
--color-ambrosial-oceanside-700: #036a5e;
--color-ambrosial-oceanside-800: #034e44;
--color-ambrosial-oceanside-900: #04362f;
--color-ambrosial-oceanside-950: #00211b;
}SCSS
$ambrosial-oceanside: #39ac9c;
$ambrosial-oceanside-rgb: 57, 172, 156;
$ambrosial-oceanside-light: mix(#fff, $ambrosial-oceanside, 20%);
$ambrosial-oceanside-dark: mix(#000, $ambrosial-oceanside, 20%);
.element {
color: $ambrosial-oceanside;
box-shadow: 0 0 0 2px rgba($ambrosial-oceanside, 0.35);
}