이름 색상 · #A0E3D1
Aqua Wish
Aqua Wish은(는) #A0E3D1: rgb(160 227 209), hsl(164 54% 76%), oklch(0.866 0.072 176). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Aqua Wish color name →
#A0E3D1
oklch(0.866 0.072 176)
색상 변환
- HEX
- #a0e3d1
- RGB
- rgb(160 227 209)
- HSL
- hsl(164 54% 76%)
- HWB
- hwb(164 63% 11%)
- OKLCH
- oklch(0.866 0.072 176)
- OKLab
- oklab(0.866 -0.072 0.005)
- CIE Lab
- lab(85.38 -24.76 1.71)
- LCH
- lch(85.38 24.82 176)
- CMYK
- cmyk(30% 0% 8% 11%)
틴트 · 셰이드 · 톤
틴트
- AAE6D6
- B4E9DA
- BEECDF
- C7EEE3
- D1F1E8
- DAF4EC
- E4F7F1
- EDFAF6
- F6FCFA
셰이드
- 8BC5B5
- 76A89B
- 618C81
- 4E7168
- 3B5750
- 293F39
- 192723
- 091210
- 010302
톤
- 9DD9C9
- 9BCFC0
- 98C4B8
- 95BAB0
- 92B0A8
- 8EA7A0
- 8B9D98
- 879390
- 848A88
색 조화
보색 +180°
- A0E3D1
Aqua Wish
- FBC0D4
≈ Cherry Blossom
유사색 -30° +30°
- A0E3D1
Aqua Wish
- B5E0B7
≈ Summer Sigh
- 9AE1EA
≈ Blizzard Blue
삼각 배색 +120° +240°
- A0E3D1
Aqua Wish
- D6CAFE
≈ Innocent Snowdrop
- F9C7A6
≈ Fresco Cream
분열 보색 +150° +210°
- A0E3D1
Aqua Wish
- ECC3ED
≈ Purple’s Baby Sister
- FFC1BB
≈ Ladylike
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.40:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--aqua-wish: #a0e3d1;
--aqua-wish-rgb: 160 227 209;
--aqua-wish-oklch: oklch(0.866 0.072 176);
}
.element {
color: var(--aqua-wish);
background-color: hsl(164 54% 76%);
border-color: oklch(0.866 0.072 176);
}Tailwind CSS v4
@theme {
--color-aqua-wish: #a0e3d1;
--color-aqua-wish-50: #e0fcf5;
--color-aqua-wish-100: #d0f0e8;
--color-aqua-wish-200: #b4dfd4;
--color-aqua-wish-300: #90c4b7;
--color-aqua-wish-400: #6fad9d;
--color-aqua-wish-500: #4c9684;
--color-aqua-wish-600: #417f70;
--color-aqua-wish-700: #346659;
--color-aqua-wish-800: #254b40;
--color-aqua-wish-900: #19342c;
--color-aqua-wish-950: #091f19;
}SCSS
$aqua-wish: #a0e3d1;
$aqua-wish-rgb: 160, 227, 209;
$aqua-wish-light: mix(#fff, $aqua-wish, 20%);
$aqua-wish-dark: mix(#000, $aqua-wish, 20%);
.element {
color: $aqua-wish;
box-shadow: 0 0 0 2px rgba($aqua-wish, 0.35);
}