Benannte Farbe · #BBC6D6
Angelic Blue
Angelic Blue ist #BBC6D6: rgb(187 198 214), hsl(216 25% 79%), oklch(0.823 0.026 257.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Angelic Blue color name →
#BBC6D6
oklch(0.823 0.026 257.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C2CCDA
- C8D1DE
- CFD7E2
- D6DDE6
- DDE2EA
- E3E8EF
- EAEEF3
- F1F3F7
- F8F9FB
Shades
- A2ACBA
- 8A929E
- 737A84
- 5C626A
- 464B52
- 32353B
- 1F2125
- 0D0E10
- 020202
Tones
- B5BFCD
- AFB8C4
- A9B0BB
- A3A9B3
- 9DA2AA
- 979BA1
- 919499
- 8B8E91
- 868788
Farbharmonien
Komplementär +180°
- BBC6D6
Angelic Blue
- CEC3B3
≈ Cavern Echo
Analog -30° +30°
- BBC6D6
Angelic Blue
- B5C9D2
≈ English Hollyhock
- C4C3D5
≈ Tulip Soft Blue
Triadisch +120° +240°
- BBC6D6
Angelic Blue
- D5BFBF
≈ Embroidery
- BDC9B9
≈ Pastel Grey Green
Geteilt komplementär +150° +210°
- BBC6D6
Angelic Blue
- D4C1B7
≈ Rabbit’s Foot
- C6C7B4
≈ Spring Grey
Tetradisch +90° +180° +270°
- BBC6D6
Angelic Blue
- D3BFC8
≈ Bassinet
- CEC3B3
≈ Cavern Echo
- B6CBC2
≈ Blue Fluorite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.16:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
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);
}