가장 가까운 이름 색상 · #B0DAEE
#B0DAEE
가장 가까운 이름 색상: Ariel
#B0DAEE(rgb(176 218 238), hsl(199 65% 81%), oklch(0.865 0.052 228.5))와 가장 가까운 이름 색상은 Ariel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B0DAEE
oklch(0.865 0.052 228.5)
색상 변환
- HEX
- #b0daee
- RGB
- rgb(176 218 238)
- HSL
- hsl(199 65% 81%)
- HWB
- hwb(199 69% 7%)
- OKLCH
- oklch(0.865 0.052 228.5)
- OKLab
- oklab(0.865 -0.034 -0.039)
- CIE Lab
- lab(84.54 -10.88 -14.6)
- LCH
- lch(84.54 18.21 233.3)
- CMYK
- cmyk(26% 8% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- B8DEF0
- C0E1F2
- C8E5F3
- D0E9F5
- D8EDF7
- E0F0F8
- E7F4FA
- EFF8FC
- F7FBFD
셰이드
- 99BDCF
- 82A2B1
- 6C8793
- 566C77
- 42545C
- 2E3C42
- 1C252A
- 0B1114
- 010203
톤
- ABD1E3
- A7C7D7
- A2BECC
- 9DB5C1
- 98ACB6
- 94A3AB
- 8F9AA0
- 8A9195
- 85898A
색 조화
보색 +180°
- B0DAEE
Ariel
- F0C9B5
≈ Bare Necessity
유사색 -30° +30°
- B0DAEE
Ariel
- ABDEDF
≈ Blue Light
- BED4F5
≈ Mr. Glass
삼각 배색 +120° +240°
- B0DAEE
Ariel
- EEC5D8
≈ Tussie-Mussie
- D5D6AF
≈ Green Mesh
분열 보색 +150° +210°
- B0DAEE
Ariel
- F3C6C5
≈ English Rose
- E6CFAD
≈ Chaparral
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.10:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--ariel: #b0daee;
--ariel-rgb: 176 218 238;
--ariel-oklch: oklch(0.865 0.052 228.5);
}
.element {
color: var(--ariel);
background-color: hsl(199 65% 81%);
border-color: oklch(0.865 0.052 228.5);
}Tailwind CSS v4
@theme {
--color-ariel: #b0daee;
--color-ariel-50: #e7f8ff;
--color-ariel-100: #d7ecf6;
--color-ariel-200: #bfd9e7;
--color-ariel-300: #9dbdcd;
--color-ariel-400: #7fa5b7;
--color-ariel-500: #618da2;
--color-ariel-600: #537889;
--color-ariel-700: #42606d;
--color-ariel-800: #2f4650;
--color-ariel-900: #203138;
--color-ariel-950: #0f1d23;
}SCSS
$ariel: #b0daee;
$ariel-rgb: 176, 218, 238;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}