가장 가까운 이름 색상 · #9AE8CE
#9AE8CE
가장 가까운 이름 색상: Beach Glass
#9AE8CE(rgb(154 232 206), hsl(160 63% 76%), oklch(0.873 0.085 171.3))와 가장 가까운 이름 색상은 Beach Glass입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9AE8CE
oklch(0.873 0.085 171.3)
색상 변환
- HEX
- #9ae8ce
- RGB
- rgb(154 232 206)
- HSL
- hsl(160 63% 76%)
- HWB
- hwb(160 60% 9%)
- OKLCH
- oklch(0.873 0.085 171.3)
- OKLab
- oklab(0.873 -0.084 0.013)
- CIE Lab
- lab(86.4 -29.23 4.68)
- LCH
- lch(86.4 29.6 170.9)
- CMYK
- cmyk(34% 0% 11% 9%)
틴트 · 셰이드 · 톤
틴트
- A5EAD3
- B0EDD8
- BAEFDD
- C5F2E1
- CFF4E6
- D9F6EB
- E2F8F0
- ECFBF5
- F6FDFA
셰이드
- 85CAB3
- 71AC98
- 5E907F
- 4B7466
- 39594E
- 274038
- 172923
- 09130F
- 010302
톤
- 98DDC6
- 96D2BE
- 94C8B6
- 92BDAE
- 8FB3A6
- 8DA99E
- 8A9E97
- 87948F
- 838A87
색 조화
보색 +180°
- 9AE8CE
Beach Glass
- FFC0DB
≈ Cotton Candy
유사색 -30° +30°
- 9AE8CE
Beach Glass
- B6E4AF
≈ Mint Cocktail Green
- 8EE7ED
≈ Aqua Fiesta
삼각 배색 +120° +240°
- 9AE8CE
Beach Glass
- D5CEFF
≈ Pale Lavender
- FFC8A8
≈ Bright Citrus
분열 보색 +150° +210°
- 9AE8CE
Beach Glass
- F0C3F8
≈ Light Lavender
- FFC4C2
≈ Ladylike
사각 배색 +90° +180° +270°
- 9AE8CE
Beach Glass
- BFD6FF
≈ Pale Phthalo Blue
- FFC0DB
≈ Cotton Candy
- F2D094
≈ Impala
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.80:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--beach-glass: #9ae8ce;
--beach-glass-rgb: 154 232 206;
--beach-glass-oklch: oklch(0.873 0.085 171.3);
}
.element {
color: var(--beach-glass);
background-color: hsl(160 63% 76%);
border-color: oklch(0.873 0.085 171.3);
}Tailwind CSS v4
@theme {
--color-beach-glass: #9ae8ce;
--color-beach-glass-50: #ddfef3;
--color-beach-glass-100: #ccf2e5;
--color-beach-glass-200: #afe1d1;
--color-beach-glass-300: #89c6b3;
--color-beach-glass-400: #67af98;
--color-beach-glass-500: #40987f;
--color-beach-glass-600: #38816b;
--color-beach-glass-700: #2c6756;
--color-beach-glass-800: #204c3d;
--color-beach-glass-900: #15352a;
--color-beach-glass-950: #062018;
}SCSS
$beach-glass: #9ae8ce;
$beach-glass-rgb: 154, 232, 206;
$beach-glass-light: mix(#fff, $beach-glass, 20%);
$beach-glass-dark: mix(#000, $beach-glass, 20%);
.element {
color: $beach-glass;
box-shadow: 0 0 0 2px rgba($beach-glass, 0.35);
}