이름 색상 · #A0C9CB
Aqua Mist
Aqua Mist은(는) #A0C9CB: rgb(160 201 203), hsl(183 29% 71%), oklch(0.807 0.043 200). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Aqua Mist color name →
#A0C9CB
oklch(0.807 0.043 200)
색상 변환
- HEX
- #a0c9cb
- RGB
- rgb(160 201 203)
- HSL
- hsl(183 29% 71%)
- HWB
- hwb(183 63% 20%)
- OKLCH
- oklch(0.807 0.043 200)
- OKLab
- oklab(0.807 -0.041 -0.015)
- CIE Lab
- lab(78.06 -13.71 -5.72)
- LCH
- lch(78.06 14.85 202.6)
- CMYK
- cmyk(21% 1% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- AACED0
- B3D4D5
- BDD9DA
- C6DEE0
- CFE4E5
- D9E9EA
- E2EFEF
- ECF4F4
- F5FAFA
셰이드
- 8BAEB0
- 769596
- 617C7D
- 4E6465
- 3B4C4D
- 293637
- 192222
- 090F0F
- 010202
톤
- 9DC1C3
- 9ABABC
- 97B3B4
- 94ABAC
- 91A4A5
- 8D9D9D
- 8A9596
- 878E8F
- 838787
색 조화
보색 +180°
- A0C9CB
Aqua Mist
- DBB5B4
≈ Rose Coloured
유사색 -30° +30°
- A0C9CB
Aqua Mist
- A5CABC
≈ Wave Runner
- A4C6D7
≈ Corydalis Blue
삼각 배색 +120° +240°
- A0C9CB
Aqua Mist
- CDB7D2
≈ Liberace
- CFBEA1
≈ Far Side of the Mountain
분열 보색 +150° +210°
- A0C9CB
Aqua Mist
- D7B5C4
≈ Mauvelous
- D8B9A8
≈ Alpaca Mittens
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.71:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--aqua-mist: #a0c9cb;
--aqua-mist-rgb: 160 201 203;
--aqua-mist-oklch: oklch(0.807 0.043 200);
}
.element {
color: var(--aqua-mist);
background-color: hsl(183 29% 71%);
border-color: oklch(0.807 0.043 200);
}Tailwind CSS v4
@theme {
--color-aqua-mist: #a0c9cb;
--color-aqua-mist-50: #e8f9fa;
--color-aqua-mist-100: #d8edee;
--color-aqua-mist-200: #c0dadc;
--color-aqua-mist-300: #9ebec1;
--color-aqua-mist-400: #81a7a8;
--color-aqua-mist-500: #648f91;
--color-aqua-mist-600: #55797b;
--color-aqua-mist-700: #436162;
--color-aqua-mist-800: #304748;
--color-aqua-mist-900: #213132;
--color-aqua-mist-950: #101d1e;
}SCSS
$aqua-mist: #a0c9cb;
$aqua-mist-rgb: 160, 201, 203;
$aqua-mist-light: mix(#fff, $aqua-mist, 20%);
$aqua-mist-dark: mix(#000, $aqua-mist, 20%);
.element {
color: $aqua-mist;
box-shadow: 0 0 0 2px rgba($aqua-mist, 0.35);
}