Benannte Farbe · #88D8C0
Pearl Aqua
Pearl Aqua ist #88D8C0: rgb(136 216 192), hsl(162 51% 69%), oklch(0.824 0.086 173.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Pearl Aqua color name →
#88D8C0
oklch(0.824 0.086 173.1)
Farbumrechnungen
- HEX
- #88d8c0
- RGB
- rgb(136 216 192)
- HSL
- hsl(162 51% 69%)
- HWB
- hwb(162 53% 15%)
- OKLCH
- oklch(0.824 0.086 173.1)
- OKLab
- oklab(0.824 -0.086 0.01)
- CIE Lab
- lab(80.68 -29.7 3.72)
- LCH
- lch(80.68 29.93 172.9)
- CMYK
- cmyk(37% 0% 11% 15%)
Tints · Shades · Tones
Tints
- 95DCC6
- A2E0CC
- AEE4D3
- BAE8D9
- C6ECDF
- D1F0E5
- DDF4EC
- E8F7F2
- F4FBF9
Shades
- 75BCA7
- 63A08E
- 528576
- 416B5F
- 315349
- 223B34
- 132520
- 06110E
- 010202
Tones
- 88CFB9
- 88C6B3
- 88BDAC
- 88B4A6
- 87AB9F
- 86A399
- 859A93
- 83918C
- 828986
Farbharmonien
Komplementär +180°
- 88D8C0
Pearl Aqua
- F2AECA
≈ Changeling Pink
Analog -30° +30°
- 88D8C0
Pearl Aqua
- A5D4A1
≈ Pistachio Green
- 7DD6DE
≈ VIC 20 Sky
Triadisch +120° +240°
- 88D8C0
Pearl Aqua
- C7BBF9
≈ Lavender Tonic
- F3B691
≈ Caramel Cream
Geteilt komplementär +150° +210°
- 88D8C0
Pearl Aqua
- E1B3E6
≈ Pretty Petunia
- F9B0AB
≈ Snow White Blush
Tetradisch +90° +180° +270°
- 88D8C0
Pearl Aqua
- A8C6FE
≈ Night Snow
- F2AECA
≈ Changeling Pink
- E1C184
≈ Gold Tint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.63:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--pearl-aqua: #88d8c0;
--pearl-aqua-rgb: 136 216 192;
--pearl-aqua-oklch: oklch(0.824 0.086 173.1);
}
.element {
color: var(--pearl-aqua);
background-color: hsl(162 51% 69%);
border-color: oklch(0.824 0.086 173.1);
}Tailwind CSS v4
@theme {
--color-pearl-aqua: #88d8c0;
--color-pearl-aqua-50: #ddfef4;
--color-pearl-aqua-100: #cbf2e6;
--color-pearl-aqua-200: #aee1d2;
--color-pearl-aqua-300: #88c6b5;
--color-pearl-aqua-400: #65af9a;
--color-pearl-aqua-500: #3d9981;
--color-pearl-aqua-600: #35816d;
--color-pearl-aqua-700: #2a6757;
--color-pearl-aqua-800: #1e4c3e;
--color-pearl-aqua-900: #14352b;
--color-pearl-aqua-950: #052018;
}SCSS
$pearl-aqua: #88d8c0;
$pearl-aqua-rgb: 136, 216, 192;
$pearl-aqua-light: mix(#fff, $pearl-aqua, 20%);
$pearl-aqua-dark: mix(#000, $pearl-aqua, 20%);
.element {
color: $pearl-aqua;
box-shadow: 0 0 0 2px rgba($pearl-aqua, 0.35);
}