Benannte Farbe · #B1D6DE
Needed Escape
Needed Escape ist #B1D6DE: rgb(177 214 222), hsl(191 41% 78%), oklch(0.852 0.041 212.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Needed Escape color name →
#B1D6DE
oklch(0.852 0.041 212.3)
Farbumrechnungen
- HEX
- #b1d6de
- RGB
- rgb(177 214 222)
- HSL
- hsl(191 41% 78%)
- HWB
- hwb(191 69% 13%)
- OKLCH
- oklch(0.852 0.041 212.3)
- OKLab
- oklab(0.852 -0.034 -0.022)
- CIE Lab
- lab(83.13 -11.34 -8.23)
- LCH
- lch(83.13 14.01 216)
- CMYK
- cmyk(20% 4% 0% 13%)
Tints · Shades · Tones
Tints
- B9DAE1
- C1DEE5
- C8E2E8
- D0E6EB
- D8EAEE
- E0EFF2
- E8F3F5
- EFF7F8
- F7FBFC
Shades
- 99BAC1
- 839EA5
- 6C8489
- 576A6F
- 425255
- 2F3B3D
- 1C2526
- 0C1012
- 010202
Tones
- ACCDD4
- A7C4CA
- A2BBC1
- 9EB3B7
- 99AAAE
- 94A2A5
- 8F999B
- 8A9192
- 858889
Farbharmonien
Komplementär +180°
- B1D6DE
Needed Escape
- E8C5BE
≈ Friends
Analog -30° +30°
- B1D6DE
Needed Escape
- B2D8D0
≈ Wave Top
- B8D2E7
≈ Modern Blue
Triadisch +120° +240°
- B1D6DE
Needed Escape
- DFC5DA
≈ Extreme Lavender
- D8CEB1
≈ Lake Bluff Putty
Geteilt komplementär +150° +210°
- B1D6DE
Needed Escape
- E7C4CC
≈ Light Blush
- E2C9B4
≈ Geyser Basin
Tetradisch +90° +180° +270°
- B1D6DE
Needed Escape
- D3C9E5
≈ Italian Fitch
- E8C5BE
≈ Friends
- C9D3B6
≈ Meadow Glen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.54:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--needed-escape: #b1d6de;
--needed-escape-rgb: 177 214 222;
--needed-escape-oklch: oklch(0.852 0.041 212.3);
}
.element {
color: var(--needed-escape);
background-color: hsl(191 41% 78%);
border-color: oklch(0.852 0.041 212.3);
}Tailwind CSS v4
@theme {
--color-needed-escape: #b1d6de;
--color-needed-escape-50: #e9f8fc;
--color-needed-escape-100: #d9ecf0;
--color-needed-escape-200: #c2d9df;
--color-needed-escape-300: #a1bdc4;
--color-needed-escape-400: #83a5ad;
--color-needed-escape-500: #678e96;
--color-needed-escape-600: #57787f;
--color-needed-escape-700: #466066;
--color-needed-escape-800: #32464a;
--color-needed-escape-900: #223133;
--color-needed-escape-950: #111d1f;
}SCSS
$needed-escape: #b1d6de;
$needed-escape-rgb: 177, 214, 222;
$needed-escape-light: mix(#fff, $needed-escape, 20%);
$needed-escape-dark: mix(#000, $needed-escape, 20%);
.element {
color: $needed-escape;
box-shadow: 0 0 0 2px rgba($needed-escape, 0.35);
}