이름 색상 · #9CBBE2
Aegean Mist
Aegean Mist은(는) #9CBBE2: rgb(156 187 226), hsl(213 55% 75%), oklch(0.783 0.065 254.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Aegean Mist color name →
#9CBBE2
oklch(0.783 0.065 254.4)
색상 변환
- HEX
- #9cbbe2
- RGB
- rgb(156 187 226)
- HSL
- hsl(213 55% 75%)
- HWB
- hwb(213 61% 11%)
- OKLCH
- oklch(0.783 0.065 254.4)
- OKLab
- oklab(0.783 -0.018 -0.063)
- CIE Lab
- lab(74.59 -4.05 -23.25)
- LCH
- lch(74.59 23.6 260.1)
- CMYK
- cmyk(31% 17% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- A6C2E5
- AFC9E8
- B9CFEB
- C3D6EE
- CDDDF1
- D7E4F4
- E1EAF7
- EBF1FA
- F5F8FC
셰이드
- 87A2C4
- 738AA8
- 5F738C
- 4C5C71
- 394657
- 28323E
- 181F27
- 090D12
- 010203
톤
- 99B5D8
- 97AFCE
- 94A9C4
- 91A3BA
- 8E9DB0
- 8B97A6
- 89919D
- 868C93
- 83868A
색 조화
보색 +180°
- 9CBBE2
Aegean Mist
- D2B38A
≈ Link to the Past
유사색 -30° +30°
- 9CBBE2
Aegean Mist
- 8AC2D8
≈ Dreaming Blue
- B3B3E1
≈ Beloved
삼각 배색 +120° +240°
- 9CBBE2
Aegean Mist
- DFA8AB
≈ Peach Poppy
- A7C298
≈ Heartland Frosty
분열 보색 +150° +210°
- 9CBBE2
Aegean Mist
- DDAC96
≈ Arizona Dust
- BEBB8A
≈ Baby Bok Choy
사각 배색 +90° +180° +270°
- 9CBBE2
Aegean Mist
- D7A8C2
≈ Heart to Heart
- D2B38A
≈ Link to the Past
- 91C6AD
≈ Hellion Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.61:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--aegean-mist: #9cbbe2;
--aegean-mist-rgb: 156 187 226;
--aegean-mist-oklch: oklch(0.783 0.065 254.4);
}
.element {
color: var(--aegean-mist);
background-color: hsl(213 55% 75%);
border-color: oklch(0.783 0.065 254.4);
}Tailwind CSS v4
@theme {
--color-aegean-mist: #9cbbe2;
--color-aegean-mist-50: #e9f6ff;
--color-aegean-mist-100: #dae9fe;
--color-aegean-mist-200: #c3d6f1;
--color-aegean-mist-300: #a2b9d9;
--color-aegean-mist-400: #84a1c5;
--color-aegean-mist-500: #6889b1;
--color-aegean-mist-600: #587496;
--color-aegean-mist-700: #475c78;
--color-aegean-mist-800: #324459;
--color-aegean-mist-900: #222f3e;
--color-aegean-mist-950: #111b27;
}SCSS
$aegean-mist: #9cbbe2;
$aegean-mist-rgb: 156, 187, 226;
$aegean-mist-light: mix(#fff, $aegean-mist, 20%);
$aegean-mist-dark: mix(#000, $aegean-mist, 20%);
.element {
color: $aegean-mist;
box-shadow: 0 0 0 2px rgba($aegean-mist, 0.35);
}