이름 색상 · #BBC6D6
Angelic Blue
Angelic Blue은(는) #BBC6D6: rgb(187 198 214), hsl(216 25% 79%), oklch(0.823 0.026 257.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Angelic Blue color name →
#BBC6D6
oklch(0.823 0.026 257.7)
색상 변환
- HEX
- #bbc6d6
- RGB
- rgb(187 198 214)
- HSL
- hsl(216 25% 79%)
- HWB
- hwb(216 73% 16%)
- OKLCH
- oklch(0.823 0.026 257.7)
- OKLab
- oklab(0.823 -0.005 -0.025)
- CIE Lab
- lab(79.39 -1.51 -9.38)
- LCH
- lch(79.39 9.5 260.8)
- CMYK
- cmyk(13% 7% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- C2CCDA
- C8D1DE
- CFD7E2
- D6DDE6
- DDE2EA
- E3E8EF
- EAEEF3
- F1F3F7
- F8F9FB
셰이드
- A2ACBA
- 8A929E
- 737A84
- 5C626A
- 464B52
- 32353B
- 1F2125
- 0D0E10
- 020202
톤
- B5BFCD
- AFB8C4
- A9B0BB
- A3A9B3
- 9DA2AA
- 979BA1
- 919499
- 8B8E91
- 868788
색 조화
보색 +180°
- BBC6D6
Angelic Blue
- CEC3B3
≈ Cavern Echo
유사색 -30° +30°
- BBC6D6
Angelic Blue
- B5C9D2
≈ English Hollyhock
- C4C3D5
≈ Tulip Soft Blue
삼각 배색 +120° +240°
- BBC6D6
Angelic Blue
- D5BFBF
≈ Embroidery
- BDC9B9
≈ Pastel Grey Green
분열 보색 +150° +210°
- BBC6D6
Angelic Blue
- D4C1B7
≈ Rabbit’s Foot
- C6C7B4
≈ Spring Grey
사각 배색 +90° +180° +270°
- BBC6D6
Angelic Blue
- D3BFC8
≈ Bassinet
- CEC3B3
≈ Cavern Echo
- B6CBC2
≈ Blue Fluorite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.16:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--angelic-blue: #bbc6d6;
--angelic-blue-rgb: 187 198 214;
--angelic-blue-oklch: oklch(0.823 0.026 257.7);
}
.element {
color: var(--angelic-blue);
background-color: hsl(216 25% 79%);
border-color: oklch(0.823 0.026 257.7);
}Tailwind CSS v4
@theme {
--color-angelic-blue: #bbc6d6;
--color-angelic-blue-50: #f1f5fd;
--color-angelic-blue-100: #e3e8f1;
--color-angelic-blue-200: #ced5df;
--color-angelic-blue-300: #b0b8c5;
--color-angelic-blue-400: #959fae;
--color-angelic-blue-500: #7c8797;
--color-angelic-blue-600: #697280;
--color-angelic-blue-700: #545b67;
--color-angelic-blue-800: #3d434b;
--color-angelic-blue-900: #2a2e34;
--color-angelic-blue-950: #171b20;
}SCSS
$angelic-blue: #bbc6d6;
$angelic-blue-rgb: 187, 198, 214;
$angelic-blue-light: mix(#fff, $angelic-blue, 20%);
$angelic-blue-dark: mix(#000, $angelic-blue, 20%);
.element {
color: $angelic-blue;
box-shadow: 0 0 0 2px rgba($angelic-blue, 0.35);
}