가장 가까운 이름 색상 · #68DBC6
#68DBC6
가장 가까운 이름 색상: Jazzy Jade
#68DBC6(rgb(104 219 198), hsl(169 61% 63%), oklch(0.819 0.11 179.8))와 가장 가까운 이름 색상은 Jazzy Jade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#68DBC6
oklch(0.819 0.11 179.8)
색상 변환
- HEX
- #68dbc6
- RGB
- rgb(104 219 198)
- HSL
- hsl(169 61% 63%)
- HWB
- hwb(169 41% 14%)
- OKLCH
- oklch(0.819 0.11 179.8)
- OKLab
- oklab(0.819 -0.11 0)
- CIE Lab
- lab(80.34 -38.06 -0.15)
- LCH
- lch(80.34 38.07 180.2)
- CMYK
- cmyk(53% 0% 10% 14%)
틴트 · 셰이드 · 톤
틴트
- 7BDFCC
- 8CE3D1
- 9CE6D7
- ACEADC
- BAEEE2
- C9F1E8
- D7F5EE
- E4F8F3
- F2FCF9
셰이드
- 59BEAC
- 4BA292
- 3E877A
- 306D62
- 24544B
- 183C35
- 0C2621
- 04110E
- 000202
톤
- 6ED2BF
- 72C8B8
- 76BFB0
- 79B6A9
- 7CADA2
- 7DA49B
- 7F9B94
- 80928E
- 808987
색 조화
보색 +180°
- 68DBC6
Jazzy Jade
- FEA5C1
≈ Amélie’s Tutu
유사색 -30° +30°
- 68DBC6
Jazzy Jade
- 8FD89E
≈ Mother of Pearl Green
- 60D7EB
≈ Electric Lemonade
삼각 배색 +120° +240°
- 68DBC6
Jazzy Jade
- CEB4FF
≈ Violet Heaven
- F8B379
≈ Market Melon
분열 보색 +150° +210°
- 68DBC6
Jazzy Jade
- ECAAE6
≈ Land of Dreams
- FFAB9D
≈ Pink Rose Bud
사각 배색 +90° +180° +270°
- 68DBC6
Jazzy Jade
- ADC1FF
≈ Pastel Blue
- FEA5C1
≈ Amélie’s Tutu
- DFC16D
≈ Highlight Gold
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.53:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--jazzy-jade: #68dbc6;
--jazzy-jade-rgb: 104 219 198;
--jazzy-jade-oklch: oklch(0.819 0.11 179.8);
}
.element {
color: var(--jazzy-jade);
background-color: hsl(169 61% 63%);
border-color: oklch(0.819 0.11 179.8);
}Tailwind CSS v4
@theme {
--color-jazzy-jade: #68dbc6;
--color-jazzy-jade-50: #d4fff7;
--color-jazzy-jade-100: #c0f5ea;
--color-jazzy-jade-200: #9fe4d7;
--color-jazzy-jade-300: #73cabb;
--color-jazzy-jade-400: #45b3a1;
--color-jazzy-jade-500: #009d89;
--color-jazzy-jade-600: #008574;
--color-jazzy-jade-700: #006a5c;
--color-jazzy-jade-800: #004e42;
--color-jazzy-jade-900: #01372e;
--color-jazzy-jade-950: #00211a;
}SCSS
$jazzy-jade: #68dbc6;
$jazzy-jade-rgb: 104, 219, 198;
$jazzy-jade-light: mix(#fff, $jazzy-jade, 20%);
$jazzy-jade-dark: mix(#000, $jazzy-jade, 20%);
.element {
color: $jazzy-jade;
box-shadow: 0 0 0 2px rgba($jazzy-jade, 0.35);
}