Benannte Farbe · #52C7C7
Rapids
Rapids ist #52C7C7: rgb(82 199 199), hsl(180 51% 55%), oklch(0.764 0.104 195.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Rapids color name →
#52C7C7
oklch(0.764 0.104 195.2)
Farbumrechnungen
- HEX
- #52c7c7
- RGB
- rgb(82 199 199)
- HSL
- hsl(180 51% 55%)
- HWB
- hwb(180 32% 22%)
- OKLCH
- oklch(0.764 0.104 195.2)
- OKLab
- oklab(0.764 -0.101 -0.027)
- CIE Lab
- lab(73.73 -34.06 -10.43)
- LCH
- lch(73.73 35.62 197)
- CMYK
- cmyk(59% 0% 0% 22%)
Tints · Shades · Tones
Tints
- 69CDCD
- 7DD3D2
- 8FD8D8
- A0DEDD
- B1E4E3
- C1E9E8
- D1EFEE
- E0F4F4
- F0FAF9
Shades
- 46ADAD
- 3B9393
- 2F7A7A
- 256262
- 1A4C4C
- 113636
- 082121
- 020E0E
- 000202
Tones
- 5BC0C0
- 63B9B8
- 69B2B1
- 6EAAAA
- 72A3A3
- 769C9C
- 799595
- 7C8E8E
- 7E8787
Farbharmonien
Komplementär +180°
- 52C7C7
Rapids
- ED979D
≈ Pink Floyd
Analog -30° +30°
- 52C7C7
Rapids
- 6CC8A2
≈ Minted Elegance
- 60C0E4
≈ Magnesia Bay
Triadisch +120° +240°
- 52C7C7
Rapids
- CC9EE0
≈ Silver Rust
- D9A963
≈ Streusel Cake
Geteilt komplementär +150° +210°
- 52C7C7
Rapids
- E297C1
≈ Lilac Chiffon
- EA9D7A
≈ Peach Squared
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.35:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--rapids: #52c7c7;
--rapids-rgb: 82 199 199;
--rapids-oklch: oklch(0.764 0.104 195.2);
}
.element {
color: var(--rapids);
background-color: hsl(180 51% 55%);
border-color: oklch(0.764 0.104 195.2);
}Tailwind CSS v4
@theme {
--color-rapids: #52c7c7;
--color-rapids-50: #d4ffff;
--color-rapids-100: #c0f3f4;
--color-rapids-200: #9fe3e4;
--color-rapids-300: #72c8ca;
--color-rapids-400: #42b2b2;
--color-rapids-500: #009b9c;
--color-rapids-600: #008384;
--color-rapids-700: #006969;
--color-rapids-800: #004d4c;
--color-rapids-900: #003635;
--color-rapids-950: #002120;
}SCSS
$rapids: #52c7c7;
$rapids-rgb: 82, 199, 199;
$rapids-light: mix(#fff, $rapids, 20%);
$rapids-dark: mix(#000, $rapids, 20%);
.element {
color: $rapids;
box-shadow: 0 0 0 2px rgba($rapids, 0.35);
}