Named color · #BBC6D9
Angel in Blue Jeans
Angel in Blue Jeans is #BBC6D9: rgb(187 198 217), hsl(218 28% 79%), oklch(0.824 0.029 261.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Angel in Blue Jeans color name →
#BBC6D9
oklch(0.824 0.029 261.5)
Color conversions
- HEX
- #bbc6d9
- RGB
- rgb(187 198 217)
- HSL
- hsl(218 28% 79%)
- HWB
- hwb(218 73% 15%)
- OKLCH
- oklch(0.824 0.029 261.5)
- OKLab
- oklab(0.824 -0.004 -0.029)
- CIE Lab
- lab(79.47 -1.04 -10.87)
- LCH
- lch(79.47 10.92 264.5)
- CMYK
- cmyk(14% 9% 0% 15%)
Tints · Shades · Tones
Tints
- C2CCDD
- C8D1E1
- CFD7E4
- D6DDE8
- DDE2EC
- E3E8F0
- EAEEF4
- F1F3F7
- F8F9FB
Shades
- A2ACBC
- 8A92A1
- 737A86
- 5C626C
- 464B53
- 32353B
- 1F2125
- 0D0E11
- 020202
Tones
- B5BFD0
- AFB8C7
- A9B0BD
- A3A9B4
- 9DA2AC
- 979BA3
- 91949A
- 8B8E91
- 868789
Color harmonies
Complementary +180°
- BBC6D9
Angel in Blue Jeans
- CFC4B1
≈ Russian Toffee
Analogous -30° +30°
- BBC6D9
Angel in Blue Jeans
- B3C9D5
≈ Take Five
- C5C2D7
≈ Pale Violet
Triadic +120° +240°
- BBC6D9
Angel in Blue Jeans
- D8BEBD
≈ Rosario Ridge
- BBCBB9
≈ Pastel Grey Green
Split-complementary +150° +210°
- BBC6D9
Angel in Blue Jeans
- D6C1B5
≈ Champagne Glee
- C6C8B2
≈ Nature Spirits
Tetradic +90° +180° +270°
- BBC6D9
Angel in Blue Jeans
- D5BEC7
≈ Magnolia White
- CFC4B1
≈ Russian Toffee
- B3CCC3
≈ Blue Fluorite
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.19:1 · APCA Lc 72
Best text color: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--angel-in-blue-jeans: #bbc6d9;
--angel-in-blue-jeans-rgb: 187 198 217;
--angel-in-blue-jeans-oklch: oklch(0.824 0.029 261.5);
}
.element {
color: var(--angel-in-blue-jeans);
background-color: hsl(218 28% 79%);
border-color: oklch(0.824 0.029 261.5);
}Tailwind CSS v4
@theme {
--color-angel-in-blue-jeans: #bbc6d9;
--color-angel-in-blue-jeans-50: #f1f5fe;
--color-angel-in-blue-jeans-100: #e3e8f2;
--color-angel-in-blue-jeans-200: #ced4e1;
--color-angel-in-blue-jeans-300: #b0b8c7;
--color-angel-in-blue-jeans-400: #959fb0;
--color-angel-in-blue-jeans-500: #7b879a;
--color-angel-in-blue-jeans-600: #697282;
--color-angel-in-blue-jeans-700: #545b68;
--color-angel-in-blue-jeans-800: #3c434d;
--color-angel-in-blue-jeans-900: #292e35;
--color-angel-in-blue-jeans-950: #171b20;
}SCSS
$angel-in-blue-jeans: #bbc6d9;
$angel-in-blue-jeans-rgb: 187, 198, 217;
$angel-in-blue-jeans-light: mix(#fff, $angel-in-blue-jeans, 20%);
$angel-in-blue-jeans-dark: mix(#000, $angel-in-blue-jeans, 20%);
.element {
color: $angel-in-blue-jeans;
box-shadow: 0 0 0 2px rgba($angel-in-blue-jeans, 0.35);
}