가장 가까운 이름 색상 · #B7DFFD
#B7DFFD
가장 가까운 이름 색상: Endless Horizon
#B7DFFD(rgb(183 223 253), hsl(206 95% 85%), oklch(0.885 0.059 240.7))와 가장 가까운 이름 색상은 Endless Horizon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B7DFFD
oklch(0.885 0.059 240.7)
색상 변환
- HEX
- #b7dffd
- RGB
- rgb(183 223 253)
- HSL
- hsl(206 95% 85%)
- HWB
- hwb(206 72% 1%)
- OKLCH
- oklch(0.885 0.059 240.7)
- OKLab
- oklab(0.885 -0.029 -0.052)
- CIE Lab
- lab(86.7 -8.52 -19.19)
- LCH
- lch(86.7 21 246.1)
- CMYK
- cmyk(28% 12% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- BEE2FD
- C6E5FE
- CDE9FE
- D4ECFE
- DBEFFE
- E2F2FF
- EAF6FF
- F1F9FF
- F8FCFF
셰이드
- 9FC2DC
- 87A5BC
- 708A9D
- 5A6F7F
- 455662
- 313D47
- 1E272D
- 0C1216
- 020203
톤
- B2D5F0
- ACCBE3
- A7C2D6
- A1B8C9
- 9CAEBD
- 96A5B0
- 919CA4
- 8B9298
- 86898C
색 조화
보색 +180°
- B7DFFD
Endless Horizon
- F7D1B2
≈ Barrett Quince
유사색 -30° +30°
- B7DFFD
Endless Horizon
- ACE4EF
≈ Uranus
- CBD8FF
≈ Pale Phthalo Blue
삼각 배색 +120° +240°
- B7DFFD
Endless Horizon
- FCCAD7
≈ Flower Spell
- D3E0B4
≈ Celery Bunch
분열 보색 +150° +210°
- B7DFFD
Endless Horizon
- FECBC2
≈ Piggy Dreams
- E8D8AD
≈ Beeswax
사각 배색 +90° +180° +270°
- B7DFFD
Endless Horizon
- F1CCEC
≈ Bubblegum Crisis
- F7D1B2
≈ Barrett Quince
- BEE5C5
≈ Canton Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.98:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--endless-horizon: #b7dffd;
--endless-horizon-rgb: 183 223 253;
--endless-horizon-oklch: oklch(0.885 0.059 240.7);
}
.element {
color: var(--endless-horizon);
background-color: hsl(206 95% 85%);
border-color: oklch(0.885 0.059 240.7);
}Tailwind CSS v4
@theme {
--color-endless-horizon: #b7dffd;
--color-endless-horizon-50: #e7f8ff;
--color-endless-horizon-100: #d8ebfa;
--color-endless-horizon-200: #bfd8ec;
--color-endless-horizon-300: #9ebcd4;
--color-endless-horizon-400: #7fa4be;
--color-endless-horizon-500: #628caa;
--color-endless-horizon-600: #537690;
--color-endless-horizon-700: #425f73;
--color-endless-horizon-800: #2f4555;
--color-endless-horizon-900: #20303b;
--color-endless-horizon-950: #0f1c25;
}SCSS
$endless-horizon: #b7dffd;
$endless-horizon-rgb: 183, 223, 253;
$endless-horizon-light: mix(#fff, $endless-horizon, 20%);
$endless-horizon-dark: mix(#000, $endless-horizon, 20%);
.element {
color: $endless-horizon;
box-shadow: 0 0 0 2px rgba($endless-horizon, 0.35);
}