가장 가까운 이름 색상 · #B8CBEB
#B8CBEB
가장 가까운 이름 색상: Frost Fairy
#B8CBEB(rgb(184 203 235), hsl(218 56% 82%), oklch(0.838 0.049 260.9))와 가장 가까운 이름 색상은 Frost Fairy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B8CBEB
oklch(0.838 0.049 260.9)
색상 변환
- HEX
- #b8cbeb
- RGB
- rgb(184 203 235)
- HSL
- hsl(218 56% 82%)
- HWB
- hwb(218 72% 8%)
- OKLCH
- oklch(0.838 0.049 260.9)
- OKLab
- oklab(0.838 -0.008 -0.049)
- CIE Lab
- lab(81.02 -1.57 -18.18)
- LCH
- lch(81.02 18.25 265.1)
- CMYK
- cmyk(22% 14% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- BFD0ED
- C6D5EF
- CDDBF1
- D4E0F3
- DBE5F5
- E2EAF7
- E9EFF9
- F1F5FB
- F8FAFD
셰이드
- A0B0CC
- 8896AE
- 717D91
- 5B6575
- 454D5B
- 313741
- 1E2229
- 0C0F13
- 020203
톤
- B2C3E0
- ADBCD5
- A7B4CA
- A1ACBF
- 9CA5B4
- 969DAA
- 90969F
- 8B8F95
- 85878A
색 조화
보색 +180°
- B8CBEB
Frost Fairy
- DBC7A6
≈ Believable Buff
유사색 -30° +30°
- B8CBEB
Frost Fairy
- AAD1E5
≈ Light Bobby Blue
- C9C5E9
≈ Party Hat
삼각 배색 +120° +240°
- B8CBEB
Frost Fairy
- E9BEBC
≈ Bridal Bouquet
- B9D3B4
≈ Lime Taffy
분열 보색 +150° +210°
- B8CBEB
Frost Fairy
- E5C1AD
≈ Retro Peach
- CBCEA9
≈ Crisp Celery
사각 배색 +90° +180° +270°
- B8CBEB
Frost Fairy
- E4BDCE
≈ Pink Mist
- DBC7A6
≈ Believable Buff
- ABD5C6
≈ Scud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--frost-fairy: #b8cbeb;
--frost-fairy-rgb: 184 203 235;
--frost-fairy-oklch: oklch(0.838 0.049 260.9);
}
.element {
color: var(--frost-fairy);
background-color: hsl(218 56% 82%);
border-color: oklch(0.838 0.049 260.9);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #b8cbeb;
--color-frost-fairy-50: #eef5ff;
--color-frost-fairy-100: #dfe8f9;
--color-frost-fairy-200: #c9d5ea;
--color-frost-fairy-300: #aab8d1;
--color-frost-fairy-400: #8e9fbc;
--color-frost-fairy-500: #7487a8;
--color-frost-fairy-600: #62728e;
--color-frost-fairy-700: #4e5b71;
--color-frost-fairy-800: #384354;
--color-frost-fairy-900: #262e3a;
--color-frost-fairy-950: #151b24;
}SCSS
$frost-fairy: #b8cbeb;
$frost-fairy-rgb: 184, 203, 235;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}