이름 색상 · #ACC2D9
Cloudy Blue
Cloudy Blue은(는) #ACC2D9: rgb(172 194 217), hsl(211 37% 76%), oklch(0.805 0.041 249.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Cloudy Blue color name →
#ACC2D9
oklch(0.805 0.041 249.5)
색상 변환
- HEX
- #acc2d9
- RGB
- rgb(172 194 217)
- HSL
- hsl(211 37% 76%)
- HWB
- hwb(211 67% 15%)
- OKLCH
- oklch(0.805 0.041 249.5)
- OKLab
- oklab(0.805 -0.014 -0.038)
- CIE Lab
- lab(77.32 -4.06 -14.2)
- LCH
- lch(77.32 14.77 254)
- CMYK
- cmyk(21% 11% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- B4C8DD
- BCCEE1
- C4D4E4
- CDDAE8
- D5E0EC
- DDE6F0
- E6ECF4
- EEF3F7
- F7F9FB
셰이드
- 95A8BC
- 7F8FA1
- 697786
- 54606C
- 404953
- 2D343B
- 1B2025
- 0B0E11
- 010202
톤
- A8BBD0
- A3B4C7
- 9FAEBE
- 9AA7B5
- 96A0AC
- 929AA3
- 8D939A
- 898D91
- 848689
색 조화
보색 +180°
- ACC2D9
Cloudy Blue
- D1BBA4
≈ Hazy Earth
유사색 -30° +30°
- ACC2D9
Cloudy Blue
- A3C6D1
≈ Blue Dam
- B9BDDA
≈ Stardust Evening
삼각 배색 +120° +240°
- ACC2D9
Cloudy Blue
- D8B5B9
≈ Pink Flare
- B7C5AA
≈ Zion
분열 보색 +150° +210°
- ACC2D9
Cloudy Blue
- D8B7AC
≈ Pink Apatite
- C5C0A3
≈ Washed Olive
사각 배색 +90° +180° +270°
- ACC2D9
Cloudy Blue
- D2B6C8
≈ Soft Amethyst
- D1BBA4
≈ Hazy Earth
- AAC8B6
≈ Gum Leaf
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.47:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.47:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--cloudy-blue: #acc2d9;
--cloudy-blue-rgb: 172 194 217;
--cloudy-blue-oklch: oklch(0.805 0.041 249.5);
}
.element {
color: var(--cloudy-blue);
background-color: hsl(211 37% 76%);
border-color: oklch(0.805 0.041 249.5);
}Tailwind CSS v4
@theme {
--color-cloudy-blue: #acc2d9;
--color-cloudy-blue-50: #edf6ff;
--color-cloudy-blue-100: #dee9f5;
--color-cloudy-blue-200: #c8d6e6;
--color-cloudy-blue-300: #a9b9cc;
--color-cloudy-blue-400: #8da1b6;
--color-cloudy-blue-500: #7289a0;
--color-cloudy-blue-600: #617488;
--color-cloudy-blue-700: #4d5d6d;
--color-cloudy-blue-800: #374450;
--color-cloudy-blue-900: #262f38;
--color-cloudy-blue-950: #141b22;
}SCSS
$cloudy-blue: #acc2d9;
$cloudy-blue-rgb: 172, 194, 217;
$cloudy-blue-light: mix(#fff, $cloudy-blue, 20%);
$cloudy-blue-dark: mix(#000, $cloudy-blue, 20%);
.element {
color: $cloudy-blue;
box-shadow: 0 0 0 2px rgba($cloudy-blue, 0.35);
}