이름 색상 · #B7D7DE
Everglade Mist
Everglade Mist은(는) #B7D7DE: rgb(183 215 222), hsl(191 37% 79%), oklch(0.858 0.035 212.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Everglade Mist color name →
#B7D7DE
oklch(0.858 0.035 212.4)
색상 변환
- HEX
- #b7d7de
- RGB
- rgb(183 215 222)
- HSL
- hsl(191 37% 79%)
- HWB
- hwb(191 72% 13%)
- OKLCH
- oklch(0.858 0.035 212.4)
- OKLab
- oklab(0.858 -0.03 -0.019)
- CIE Lab
- lab(83.8 -9.88 -7.2)
- LCH
- lch(83.8 12.22 216.1)
- CMYK
- cmyk(18% 3% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- BEDBE1
- C5DFE5
- CDE3E8
- D4E7EB
- DBEBEE
- E2EFF2
- E9F3F5
- F1F7F8
- F8FBFC
셰이드
- 9FBBC1
- 879FA5
- 708589
- 5A6B6F
- 455255
- 313B3D
- 1E2526
- 0C1112
- 020202
톤
- B1CED4
- ACC5CA
- A6BCC1
- A1B3B7
- 9BABAE
- 96A2A4
- 90999B
- 8B9192
- 858889
색 조화
보색 +180°
- B7D7DE
Everglade Mist
- E7C9C2
≈ Tangy Taffy
유사색 -30° +30°
- B7D7DE
Everglade Mist
- B8D8D2
≈ High Point
- BDD4E6
≈ Beau Blue
삼각 배색 +120° +240°
- B7D7DE
Everglade Mist
- DFC8DB
≈ Decadial Pink
- D8D0B7
≈ Berber
분열 보색 +150° +210°
- B7D7DE
Everglade Mist
- E6C7CE
≈ Oh so Pretty
- E2CCB9
≈ Safari Map
사각 배색 +90° +180° +270°
- B7D7DE
Everglade Mist
- D4CBE4
≈ Vision
- E7C9C2
≈ Tangy Taffy
- CCD4BB
≈ Canary Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.78:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--everglade-mist: #b7d7de;
--everglade-mist-rgb: 183 215 222;
--everglade-mist-oklch: oklch(0.858 0.035 212.4);
}
.element {
color: var(--everglade-mist);
background-color: hsl(191 37% 79%);
border-color: oklch(0.858 0.035 212.4);
}Tailwind CSS v4
@theme {
--color-everglade-mist: #b7d7de;
--color-everglade-mist-50: #eaf8fb;
--color-everglade-mist-100: #dbebef;
--color-everglade-mist-200: #c4d8de;
--color-everglade-mist-300: #a4bcc3;
--color-everglade-mist-400: #87a4ab;
--color-everglade-mist-500: #6b8d94;
--color-everglade-mist-600: #5b777d;
--color-everglade-mist-700: #495f64;
--color-everglade-mist-800: #344649;
--color-everglade-mist-900: #243033;
--color-everglade-mist-950: #121d1e;
}SCSS
$everglade-mist: #b7d7de;
$everglade-mist-rgb: 183, 215, 222;
$everglade-mist-light: mix(#fff, $everglade-mist, 20%);
$everglade-mist-dark: mix(#000, $everglade-mist, 20%);
.element {
color: $everglade-mist;
box-shadow: 0 0 0 2px rgba($everglade-mist, 0.35);
}