가장 가까운 이름 색상 · #75CEBC
#75CEBC
가장 가까운 이름 색상: Jolly Jade
#75CEBC(rgb(117 206 188), hsl(168 48% 63%), oklch(0.79 0.09 179.3))와 가장 가까운 이름 색상은 Jolly Jade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#75CEBC
oklch(0.79 0.09 179.3)
색상 변환
- HEX
- #75cebc
- RGB
- rgb(117 206 188)
- HSL
- hsl(168 48% 63%)
- HWB
- hwb(168 46% 19%)
- OKLCH
- oklch(0.79 0.09 179.3)
- OKLab
- oklab(0.79 -0.09 0.001)
- CIE Lab
- lab(76.83 -31.25 0.17)
- LCH
- lch(76.83 31.25 179.7)
- CMYK
- cmyk(43% 0% 9% 19%)
틴트 · 셰이드 · 톤
틴트
- 85D3C3
- 94D8C9
- A2DDD0
- B0E2D6
- BDE7DD
- CBECE4
- D8F1EB
- E5F5F1
- F2FAF8
셰이드
- 65B3A3
- 55988B
- 467F73
- 37665D
- 294E47
- 1C3832
- 0F231F
- 050F0D
- 010202
톤
- 78C6B6
- 7ABEB0
- 7CB6AA
- 7EAEA3
- 7FA79D
- 809F97
- 809792
- 808F8C
- 808886
색 조화
보색 +180°
- 75CEBC
Jolly Jade
- EBA3B9
≈ Rose Elegance
유사색 -30° +30°
- 75CEBC
Jolly Jade
- 91CB9B
≈ Frost Gum
- 6FCBDA
≈ Betsy
삼각 배색 +120° +240°
- 75CEBC
Jolly Jade
- C3AEED
≈ Purple Sand
- E6AD80
≈ Melting Sunset
분열 보색 +150° +210°
- 75CEBC
Jolly Jade
- DCA6D7
≈ Barely Bloomed
- EFA599
≈ Peach Tile
사각 배색 +90° +180° +270°
- 75CEBC
Jolly Jade
- A3B9F6
≈ Truesky Gloxym
- EBA3B9
≈ Rose Elegance
- D2B876
≈ Good as Gold
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.31:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--jolly-jade: #75cebc;
--jolly-jade-rgb: 117 206 188;
--jolly-jade-oklch: oklch(0.79 0.09 179.3);
}
.element {
color: var(--jolly-jade);
background-color: hsl(168 48% 63%);
border-color: oklch(0.79 0.09 179.3);
}Tailwind CSS v4
@theme {
--color-jolly-jade: #75cebc;
--color-jolly-jade-50: #dafef7;
--color-jolly-jade-100: #c8f2ea;
--color-jolly-jade-200: #aae1d6;
--color-jolly-jade-300: #82c7ba;
--color-jolly-jade-400: #5cb0a0;
--color-jolly-jade-500: #2e9a88;
--color-jolly-jade-600: #2a8273;
--color-jolly-jade-700: #21685c;
--color-jolly-jade-800: #174d42;
--color-jolly-jade-900: #0f352d;
--color-jolly-jade-950: #02201a;
}SCSS
$jolly-jade: #75cebc;
$jolly-jade-rgb: 117, 206, 188;
$jolly-jade-light: mix(#fff, $jolly-jade, 20%);
$jolly-jade-dark: mix(#000, $jolly-jade, 20%);
.element {
color: $jolly-jade;
box-shadow: 0 0 0 2px rgba($jolly-jade, 0.35);
}