Benannte Farbe · #80DBEB
Faded Poster
Faded Poster ist #80DBEB: rgb(128 219 235), hsl(189 73% 71%), oklch(0.84 0.09 210). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Faded Poster color name →
#80DBEB
oklch(0.84 0.09 210)
Farbumrechnungen
- HEX
- #80dbeb
- RGB
- rgb(128 219 235)
- HSL
- hsl(189 73% 71%)
- HWB
- hwb(189 50% 8%)
- OKLCH
- oklch(0.84 0.09 210)
- OKLab
- oklab(0.84 -0.078 -0.045)
- CIE Lab
- lab(82.17 -25.31 -16.86)
- LCH
- lch(82.17 30.41 213.7)
- CMYK
- cmyk(46% 7% 0% 8%)
Tints · Shades · Tones
Tints
- 8FDFED
- 9CE3EF
- AAE6F1
- B7EAF3
- C3EDF5
- CFF1F7
- DCF5F9
- E8F8FB
- F3FCFD
Shades
- 6EBECC
- 5DA2AE
- 4D8791
- 3D6D75
- 2E545B
- 1F3C41
- 122629
- 061113
- 010203
Tones
- 82D2E0
- 83C8D5
- 84BFCA
- 84B6BF
- 84ADB4
- 84A4AA
- 849B9F
- 839295
- 81898A
Farbharmonien
Komplementär +180°
- 80DBEB
Faded Poster
- FFB5A9
≈ Washed-Out Crimson
Analog -30° +30°
- 80DBEB
Faded Poster
- 85DECD
≈ Opulent Turquoise
- 95D3FF
≈ Long Island Sound
Triadisch +120° +240°
- 80DBEB
Faded Poster
- EDB6E7
≈ Lovecloud
- E1C986
≈ Salty Cracker
Geteilt komplementär +150° +210°
- 80DBEB
Faded Poster
- FCB2C8
≈ Caregiver Pink
- F7BD8F
≈ Persimmon Fade
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.25:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--faded-poster: #80dbeb;
--faded-poster-rgb: 128 219 235;
--faded-poster-oklch: oklch(0.84 0.09 210);
}
.element {
color: var(--faded-poster);
background-color: hsl(189 73% 71%);
border-color: oklch(0.84 0.09 210);
}Tailwind CSS v4
@theme {
--color-faded-poster: #80dbeb;
--color-faded-poster-50: #d9fdff;
--color-faded-poster-100: #c7f1f9;
--color-faded-poster-200: #a8dfeb;
--color-faded-poster-300: #80c4d2;
--color-faded-poster-400: #57adbc;
--color-faded-poster-500: #2496a7;
--color-faded-poster-600: #227f8d;
--color-faded-poster-700: #1b6671;
--color-faded-poster-800: #114b53;
--color-faded-poster-900: #0b343a;
--color-faded-poster-950: #001f24;
}SCSS
$faded-poster: #80dbeb;
$faded-poster-rgb: 128, 219, 235;
$faded-poster-light: mix(#fff, $faded-poster, 20%);
$faded-poster-dark: mix(#000, $faded-poster, 20%);
.element {
color: $faded-poster;
box-shadow: 0 0 0 2px rgba($faded-poster, 0.35);
}