Benannte Farbe · #B5D8DF
Tear
Tear ist #B5D8DF: rgb(181 216 223), hsl(190 40% 79%), oklch(0.859 0.038 211.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Tear color name →
#B5D8DF
oklch(0.859 0.038 211.1)
Farbumrechnungen
- HEX
- #b5d8df
- RGB
- rgb(181 216 223)
- HSL
- hsl(190 40% 79%)
- HWB
- hwb(190 71% 13%)
- OKLCH
- oklch(0.859 0.038 211.1)
- OKLab
- oklab(0.859 -0.033 -0.02)
- CIE Lab
- lab(83.96 -10.84 -7.52)
- LCH
- lch(83.96 13.19 214.7)
- CMYK
- cmyk(19% 3% 0% 13%)
Tints · Shades · Tones
Tints
- BCDCE2
- C4E0E5
- CBE4E9
- D3E8EC
- DAEBEF
- E1EFF2
- E9F3F5
- F0F7F9
- F8FBFC
Shades
- 9DBCC2
- 86A0A5
- 6F858A
- 596B6F
- 445356
- 303B3D
- 1D2527
- 0C1112
- 020202
Tones
- B0CFD5
- AAC6CB
- A5BDC2
- A0B4B8
- 9BABAE
- 95A2A5
- 909A9C
- 8B9192
- 858889
Farbharmonien
Komplementär +180°
- B5D8DF
Tear
- E9C8C2
≈ Kashmir Pink
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- B5D8DF
Tear
- E7C7CF
≈ Oh so Pretty
- E4CCB8
≈ Take-Out
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.85:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--tear: #b5d8df;
--tear-rgb: 181 216 223;
--tear-oklch: oklch(0.859 0.038 211.1);
}
.element {
color: var(--tear);
background-color: hsl(190 40% 79%);
border-color: oklch(0.859 0.038 211.1);
}Tailwind CSS v4
@theme {
--color-tear: #b5d8df;
--color-tear-50: #eaf8fc;
--color-tear-100: #daecef;
--color-tear-200: #c3d9de;
--color-tear-300: #a2bdc3;
--color-tear-400: #85a5ab;
--color-tear-500: #698d95;
--color-tear-600: #59787e;
--color-tear-700: #476065;
--color-tear-800: #334649;
--color-tear-900: #233133;
--color-tear-950: #121d1f;
}SCSS
$tear: #b5d8df;
$tear-rgb: 181, 216, 223;
$tear-light: mix(#fff, $tear, 20%);
$tear-dark: mix(#000, $tear, 20%);
.element {
color: $tear;
box-shadow: 0 0 0 2px rgba($tear, 0.35);
}