가장 가까운 이름 색상 · #B8DADB
#B8DADB
가장 가까운 이름 색상: Poolside
#B8DADB(rgb(184 218 219), hsl(182 33% 79%), oklch(0.864 0.036 198.7))와 가장 가까운 이름 색상은 Poolside입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B8DADB
oklch(0.864 0.036 198.7)
색상 변환
- HEX
- #b8dadb
- RGB
- rgb(184 218 219)
- HSL
- hsl(182 33% 79%)
- HWB
- hwb(182 72% 14%)
- OKLCH
- oklch(0.864 0.036 198.7)
- OKLab
- oklab(0.864 -0.034 -0.012)
- CIE Lab
- lab(84.6 -11.45 -4.45)
- LCH
- lch(84.6 12.28 201.2)
- CMYK
- cmyk(16% 0% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- BFDEDF
- C6E1E2
- CDE5E6
- D4E9E9
- DCECED
- E3F0F0
- EAF4F4
- F1F8F8
- F8FBFB
셰이드
- A0BDBE
- 88A2A2
- 718787
- 5B6C6D
- 455454
- 313C3C
- 1E2526
- 0C1111
- 020202
톤
- B2D1D2
- ADC7C8
- A7BEBF
- A2B5B6
- 9CACAC
- 96A3A3
- 919A9A
- 8B9191
- 868989
색 조화
보색 +180°
- B8DADB
Poolside
- E9C9C9
≈ English Rosebud
유사색 -30° +30°
- B8DADB
Poolside
- BCDACE
≈ Silverton
- BBD7E5
≈ Bridgewater Bay
삼각 배색 +120° +240°
- B8DADB
Poolside
- DDCBE2
≈ Pouf of Pink
- DFD0B9
≈ Soft Doeskin
분열 보색 +150° +210°
- B8DADB
Poolside
- E6C9D6
≈ Kiss Good Night
- E7CCBE
≈ Peach Brick
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.08:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--poolside: #b8dadb;
--poolside-rgb: 184 218 219;
--poolside-oklch: oklch(0.864 0.036 198.7);
}
.element {
color: var(--poolside);
background-color: hsl(182 33% 79%);
border-color: oklch(0.864 0.036 198.7);
}Tailwind CSS v4
@theme {
--color-poolside: #b8dadb;
--color-poolside-50: #eaf8f9;
--color-poolside-100: #dbeced;
--color-poolside-200: #c3d9da;
--color-poolside-300: #a3bdbf;
--color-poolside-400: #86a5a6;
--color-poolside-500: #6a8e8f;
--color-poolside-600: #5a7879;
--color-poolside-700: #486061;
--color-poolside-800: #344647;
--color-poolside-900: #233131;
--color-poolside-950: #121d1d;
}SCSS
$poolside: #b8dadb;
$poolside-rgb: 184, 218, 219;
$poolside-light: mix(#fff, $poolside, 20%);
$poolside-dark: mix(#000, $poolside, 20%);
.element {
color: $poolside;
box-shadow: 0 0 0 2px rgba($poolside, 0.35);
}