가장 가까운 이름 색상 · #B4CCEB
#B4CCEB
가장 가까운 이름 색상: Breeze
#B4CCEB(rgb(180 204 235), hsl(214 58% 81%), oklch(0.837 0.051 254.9))와 가장 가까운 이름 색상은 Breeze입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B4CCEB
oklch(0.837 0.051 254.9)
색상 변환
- HEX
- #b4cceb
- RGB
- rgb(180 204 235)
- HSL
- hsl(214 58% 81%)
- HWB
- hwb(214 71% 8%)
- OKLCH
- oklch(0.837 0.051 254.9)
- OKLab
- oklab(0.837 -0.013 -0.049)
- CIE Lab
- lab(81 -3.35 -18.24)
- LCH
- lch(81 18.55 259.6)
- CMYK
- cmyk(23% 13% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- BBD1ED
- C3D6EF
- CADBF1
- D2E0F3
- D9E5F5
- E1EBF7
- E8F0F9
- F0F5FB
- F7FAFD
셰이드
- 9CB1CC
- 8597AE
- 6E7E91
- 586575
- 444E5B
- 303741
- 1D2229
- 0C0F13
- 020203
톤
- AFC4E0
- A9BCD5
- A4B5CA
- 9FADBF
- 9AA5B4
- 959EAA
- 8F969F
- 8A8F95
- 85878A
색 조화
보색 +180°
- B4CCEB
Breeze
- DEC6A6
≈ Pure Almond
유사색 -30° +30°
- B4CCEB
Breeze
- A7D1E3
≈ Sea Rover
- C6C6EA
≈ Powdered Granite
삼각 배색 +120° +240°
- B4CCEB
Breeze
- E9BDBF
≈ Blush Kiss
- BCD2B1
≈ Gamin
분열 보색 +150° +210°
- B4CCEB
Breeze
- E7C0AF
≈ Retro Peach
- CECCA6
≈ Crisp Celery
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.77:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--breeze: #b4cceb;
--breeze-rgb: 180 204 235;
--breeze-oklch: oklch(0.837 0.051 254.9);
}
.element {
color: var(--breeze);
background-color: hsl(214 58% 81%);
border-color: oklch(0.837 0.051 254.9);
}Tailwind CSS v4
@theme {
--color-breeze: #b4cceb;
--color-breeze-50: #ecf6ff;
--color-breeze-100: #dde9f9;
--color-breeze-200: #c7d6ea;
--color-breeze-300: #a7b9d2;
--color-breeze-400: #8ba0bd;
--color-breeze-500: #7088a8;
--color-breeze-600: #5f738e;
--color-breeze-700: #4c5c72;
--color-breeze-800: #364454;
--color-breeze-900: #252f3a;
--color-breeze-950: #131b24;
}SCSS
$breeze: #b4cceb;
$breeze-rgb: 180, 204, 235;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}