가장 가까운 이름 색상 · #75E0C6
#75E0C6
가장 가까운 이름 색상: Sea Foam
#75E0C6(rgb(117 224 198), hsl(165 63% 67%), oklch(0.835 0.107 175.7))와 가장 가까운 이름 색상은 Sea Foam입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#75E0C6
oklch(0.835 0.107 175.7)
색상 변환
- HEX
- #75e0c6
- RGB
- rgb(117 224 198)
- HSL
- hsl(165 63% 67%)
- HWB
- hwb(165 46% 12%)
- OKLCH
- oklch(0.835 0.107 175.7)
- OKLab
- oklab(0.835 -0.107 0.008)
- CIE Lab
- lab(82.28 -37.11 2.71)
- LCH
- lch(82.28 37.21 175.8)
- CMYK
- cmyk(48% 0% 12% 12%)
틴트 · 셰이드 · 톤
틴트
- 86E3CC
- 95E7D1
- A4EAD7
- B2EDDC
- BFF0E2
- CDF3E8
- D9F6EE
- E6F9F3
- F3FCF9
셰이드
- 65C3AC
- 55A692
- 468A7A
- 377062
- 29564B
- 1C3E35
- 0F2721
- 05120E
- 010202
톤
- 79D6BF
- 7BCCB8
- 7EC3B0
- 7FB9A9
- 81AFA2
- 81A69B
- 819C94
- 81938E
- 818987
색 조화
보색 +180°
- 75E0C6
Sea Foam
- FFADCB
≈ Heartfelt
유사색 -30° +30°
- 75E0C6
Sea Foam
- 9CDC9F
≈ Retro
- 68DDEB
≈ Turquoise Sea
삼각 배색 +120° +240°
- 75E0C6
Sea Foam
- CEBDFF
≈ Lavender Tonic
- FFB784
≈ Savannah Sun
분열 보색 +150° +210°
- 75E0C6
Sea Foam
- EDB1EF
≈ Candy Dreams
- FFB2AB
≈ Peach Bud
사각 배색 +90° +180° +270°
- 75E0C6
Sea Foam
- B0C9FF
≈ Night Snow
- FFADCB
≈ Heartfelt
- E8C475
≈ Golden Thread
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.23:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.23:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--sea-foam: #75e0c6;
--sea-foam-rgb: 117 224 198;
--sea-foam-oklch: oklch(0.835 0.107 175.7);
}
.element {
color: var(--sea-foam);
background-color: hsl(165 63% 67%);
border-color: oklch(0.835 0.107 175.7);
}Tailwind CSS v4
@theme {
--color-sea-foam: #75e0c6;
--color-sea-foam-50: #d6fff5;
--color-sea-foam-100: #c3f4e8;
--color-sea-foam-200: #a3e4d4;
--color-sea-foam-300: #77cab7;
--color-sea-foam-400: #4db39c;
--color-sea-foam-500: #009d83;
--color-sea-foam-600: #08846f;
--color-sea-foam-700: #096a59;
--color-sea-foam-800: #074e3f;
--color-sea-foam-900: #06362c;
--color-sea-foam-950: #002119;
}SCSS
$sea-foam: #75e0c6;
$sea-foam-rgb: 117, 224, 198;
$sea-foam-light: mix(#fff, $sea-foam, 20%);
$sea-foam-dark: mix(#000, $sea-foam, 20%);
.element {
color: $sea-foam;
box-shadow: 0 0 0 2px rgba($sea-foam, 0.35);
}