Benannte Farbe · #87D9D2
Rainwater
Rainwater ist #87D9D2: rgb(135 217 210), hsl(175 52% 69%), oklch(0.831 0.081 188.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Rainwater color name →
#87D9D2
oklch(0.831 0.081 188.8)
Farbumrechnungen
- HEX
- #87d9d2
- RGB
- rgb(135 217 210)
- HSL
- hsl(175 52% 69%)
- HWB
- hwb(175 53% 15%)
- OKLCH
- oklch(0.831 0.081 188.8)
- OKLab
- oklab(0.831 -0.08 -0.012)
- CIE Lab
- lab(81.31 -27.34 -4.89)
- LCH
- lch(81.31 27.77 190.1)
- CMYK
- cmyk(38% 0% 3% 15%)
Tints · Shades · Tones
Tints
- 94DDD6
- A1E1DB
- AEE5DF
- BAE9E4
- C6ECE8
- D1F0ED
- DDF4F1
- E8F8F6
- F4FBFA
Shades
- 75BCB6
- 63A19B
- 518681
- 416C68
- 315350
- 213B39
- 132524
- 061110
- 010202
Tones
- 88D0C9
- 88C7C1
- 88BEB9
- 87B5B0
- 87ACA8
- 86A3A0
- 859A98
- 839190
- 828988
Farbharmonien
Komplementär +180°
- 87D9D2
Rainwater
- F7B2BD
≈ Powder Rose
Analog -30° +30°
- 87D9D2
Rainwater
- 9AD8B4
≈ Nihilakh Oxide
- 89D5EB
≈ July
Triadisch +120° +240°
- 87D9D2
Rainwater
- D7BAF0
≈ Pink Illusion
- EBBF8E
≈ Hubbard Squash
Geteilt komplementär +150° +210°
- 87D9D2
Rainwater
- ECB4D9
≈ Soft Cashmere
- F7B6A1
≈ Just Blush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.88:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--rainwater: #87d9d2;
--rainwater-rgb: 135 217 210;
--rainwater-oklch: oklch(0.831 0.081 188.8);
}
.element {
color: var(--rainwater);
background-color: hsl(175 52% 69%);
border-color: oklch(0.831 0.081 188.8);
}Tailwind CSS v4
@theme {
--color-rainwater: #87d9d2;
--color-rainwater-50: #dcfdfb;
--color-rainwater-100: #caf1ee;
--color-rainwater-200: #ade0dc;
--color-rainwater-300: #86c5c1;
--color-rainwater-400: #61aea8;
--color-rainwater-500: #379791;
--color-rainwater-600: #31807a;
--color-rainwater-700: #276762;
--color-rainwater-800: #1b4b47;
--color-rainwater-900: #123431;
--color-rainwater-950: #03201d;
}SCSS
$rainwater: #87d9d2;
$rainwater-rgb: 135, 217, 210;
$rainwater-light: mix(#fff, $rainwater, 20%);
$rainwater-dark: mix(#000, $rainwater, 20%);
.element {
color: $rainwater;
box-shadow: 0 0 0 2px rgba($rainwater, 0.35);
}