이름 색상 · #A2B7CF
Misted Eve
Misted Eve은(는) #A2B7CF: rgb(162 183 207), hsl(212 32% 72%), oklch(0.771 0.042 251.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Misted Eve color name →
#A2B7CF
oklch(0.771 0.042 251.8)
색상 변환
- HEX
- #a2b7cf
- RGB
- rgb(162 183 207)
- HSL
- hsl(212 32% 72%)
- HWB
- hwb(212 64% 19%)
- OKLCH
- oklch(0.771 0.042 251.8)
- OKLab
- oklab(0.771 -0.013 -0.039)
- CIE Lab
- lab(73.39 -3.56 -14.73)
- LCH
- lch(73.39 15.15 256.4)
- CMYK
- cmyk(22% 12% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- ABBED4
- B4C5D9
- BDCCDD
- C7D3E2
- D0DBE7
- D9E2EC
- E2E9F1
- ECF0F5
- F5F8FA
셰이드
- 8C9FB4
- 778799
- 63707F
- 4F5A67
- 3C454F
- 2A3138
- 191E23
- 0A0C10
- 010202
톤
- 9FB1C7
- 9BACBF
- 98A6B7
- 94A1AF
- 919BA7
- 8E969F
- 8A9097
- 878B8F
- 838588
색 조화
보색 +180°
- A2B7CF
Misted Eve
- C6B198
≈ Nomadic Desert
유사색 -30° +30°
- A2B7CF
Misted Eve
- 98BBC8
≈ Sydney Harbour
- B0B2CF
≈ Pixie Violet
삼각 배색 +120° +240°
- A2B7CF
Misted Eve
- CEAAAE
≈ Vista
- ABBB9F
≈ Laurel Green
분열 보색 +150° +210°
- A2B7CF
Misted Eve
- CDADA0
≈ Art Deco Pink
- BAB698
≈ Trinity Islands
사각 배색 +90° +180° +270°
- A2B7CF
Misted Eve
- C8ABBC
≈ Winsome Orchid
- C6B198
≈ Nomadic Desert
- 9EBDAD
≈ White Spruce
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.05:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.21:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--misted-eve: #a2b7cf;
--misted-eve-rgb: 162 183 207;
--misted-eve-oklch: oklch(0.771 0.042 251.8);
}
.element {
color: var(--misted-eve);
background-color: hsl(212 32% 72%);
border-color: oklch(0.771 0.042 251.8);
}Tailwind CSS v4
@theme {
--color-misted-eve: #a2b7cf;
--color-misted-eve-50: #edf6ff;
--color-misted-eve-100: #dfe9f6;
--color-misted-eve-200: #c8d6e6;
--color-misted-eve-300: #a9b9cd;
--color-misted-eve-400: #8da1b7;
--color-misted-eve-500: #7288a1;
--color-misted-eve-600: #617388;
--color-misted-eve-700: #4d5c6d;
--color-misted-eve-800: #384450;
--color-misted-eve-900: #262f38;
--color-misted-eve-950: #141b23;
}SCSS
$misted-eve: #a2b7cf;
$misted-eve-rgb: 162, 183, 207;
$misted-eve-light: mix(#fff, $misted-eve, 20%);
$misted-eve-dark: mix(#000, $misted-eve, 20%);
.element {
color: $misted-eve;
box-shadow: 0 0 0 2px rgba($misted-eve, 0.35);
}