가장 가까운 이름 색상 · #92D5D9
#92D5D9
가장 가까운 이름 색상: Exotic Escape
#92D5D9(rgb(146 213 217), hsl(183 48% 71%), oklch(0.83 0.068 200.7))와 가장 가까운 이름 색상은 Exotic Escape입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#92D5D9
oklch(0.83 0.068 200.7)
색상 변환
- HEX
- #92d5d9
- RGB
- rgb(146 213 217)
- HSL
- hsl(183 48% 71%)
- HWB
- hwb(183 57% 15%)
- OKLCH
- oklch(0.83 0.068 200.7)
- OKLab
- oklab(0.83 -0.063 -0.024)
- CIE Lab
- lab(80.91 -21.19 -9.11)
- LCH
- lch(80.91 23.07 203.3)
- CMYK
- cmyk(33% 2% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- 9ED9DD
- A9DEE1
- B4E2E4
- BFE6E8
- CAEAEC
- D5EEF0
- DFF3F4
- EAF7F7
- F4FBFB
셰이드
- 7EB9BC
- 6B9EA1
- 588386
- 466A6C
- 355153
- 253A3B
- 162425
- 081011
- 010202
톤
- 91CCD0
- 90C4C7
- 8EBBBD
- 8DB2B4
- 8BAAAB
- 89A1A3
- 87999A
- 859191
- 838889
색 조화
보색 +180°
- 92D5D9
Exotic Escape
- F0B6B5
≈ Old Flame
유사색 -30° +30°
- 92D5D9
Exotic Escape
- 9BD6C1
≈ Isabella’s Aqua
- 9AD0EB
≈ Light Whimsy
삼각 배색 +120° +240°
- 92D5D9
Exotic Escape
- DCB9E3
≈ Pretty Petunia
- DEC395
≈ Dirty Blonde
분열 보색 +150° +210°
- 92D5D9
Exotic Escape
- EBB6CD
≈ Sweet Lilac
- ECBBA0
≈ Sunset Drive
사각 배색 +90° +180° +270°
- 92D5D9
Exotic Escape
- C6C0F1
≈ Vodka
- F0B6B5
≈ Old Flame
- C9CC99
≈ Vegetarian Vulture
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.74:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--exotic-escape: #92d5d9;
--exotic-escape-rgb: 146 213 217;
--exotic-escape-oklch: oklch(0.83 0.068 200.7);
}
.element {
color: var(--exotic-escape);
background-color: hsl(183 48% 71%);
border-color: oklch(0.83 0.068 200.7);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #92d5d9;
--color-exotic-escape-50: #e0fbfe;
--color-exotic-escape-100: #cfeff2;
--color-exotic-escape-200: #b3dde1;
--color-exotic-escape-300: #8fc2c7;
--color-exotic-escape-400: #6dabaf;
--color-exotic-escape-500: #499498;
--color-exotic-escape-600: #3f7d81;
--color-exotic-escape-700: #326467;
--color-exotic-escape-800: #234a4b;
--color-exotic-escape-900: #173334;
--color-exotic-escape-950: #081f20;
}SCSS
$exotic-escape: #92d5d9;
$exotic-escape-rgb: 146, 213, 217;
$exotic-escape-light: mix(#fff, $exotic-escape, 20%);
$exotic-escape-dark: mix(#000, $exotic-escape, 20%);
.element {
color: $exotic-escape;
box-shadow: 0 0 0 2px rgba($exotic-escape, 0.35);
}