Benannte Farbe · #0AE9B4
Overchlorinated Pool
Overchlorinated Pool ist #0AE9B4: rgb(10 233 180), hsl(166 92% 48%), oklch(0.83 0.166 168.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Overchlorinated Pool color name →
#0AE9B4
oklch(0.83 0.166 168.7)
Farbumrechnungen
- HEX
- #0ae9b4
- RGB
- rgb(10 233 180)
- HSL
- hsl(166 92% 48%)
- HWB
- hwb(166 4% 9%)
- OKLCH
- oklch(0.83 0.166 168.7)
- OKLab
- oklab(0.83 -0.163 0.033)
- CIE Lab
- lab(82.51 -57.9 12.07)
- LCH
- lch(82.51 59.15 168.2)
- CMYK
- cmyk(96% 0% 23% 9%)
Tints · Shades · Tones
Tints
- 4BECBB
- 6BEEC3
- 83F1CA
- 98F3D2
- ACF5D9
- BEF8E1
- CFFAE8
- DFFCF0
- EFFDF7
Shades
- 07CB9C
- 05AD85
- 03906E
- 027458
- 015A44
- 014130
- 00291D
- 00130C
- 000302
Tones
- 38DEAF
- 4CD4A9
- 5AC9A4
- 64BF9F
- 6CB49A
- 72AA95
- 779F8F
- 7B958A
- 7E8A85
Farbharmonien
Komplementär +180°
- 0AE9B4
Overchlorinated Pool
- FFA9D4
≈ Corinthian Pink
Analog -30° +30°
- 0AE9B4
Overchlorinated Pool
- 8DE173
≈ Feralas Lime
- 00E3E9
≈ Fish Boy
Triadisch +120° +240°
- 0AE9B4
Overchlorinated Pool
- C5BEFF
≈ Lavender Tonic
- FFB38B
≈ Coral Dusk
Geteilt komplementär +150° +210°
- 0AE9B4
Overchlorinated Pool
- ECABFF
≈ Pink Sugar
- FFAFB0
≈ Fancy Flamingo
Tetradisch +90° +180° +270°
- 0AE9B4
Overchlorinated Pool
- A6C9FF
≈ Night Snow
- FFA9D4
≈ Corinthian Pink
- FFB930
≈ Buddha’s Love Handles
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.32:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.32:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--overchlorinated-pool: #0ae9b4;
--overchlorinated-pool-rgb: 10 233 180;
--overchlorinated-pool-oklch: oklch(0.83 0.166 168.7);
}
.element {
color: var(--overchlorinated-pool);
background-color: hsl(166 92% 48%);
border-color: oklch(0.83 0.166 168.7);
}Tailwind CSS v4
@theme {
--color-overchlorinated-pool: #0ae9b4;
--color-overchlorinated-pool-50: #c6ffee;
--color-overchlorinated-pool-100: #affbe0;
--color-overchlorinated-pool-200: #85ecca;
--color-overchlorinated-pool-300: #46d2ab;
--color-overchlorinated-pool-400: #00bc8d;
--color-overchlorinated-pool-500: #00a772;
--color-overchlorinated-pool-600: #008d61;
--color-overchlorinated-pool-700: #00714d;
--color-overchlorinated-pool-800: #005335;
--color-overchlorinated-pool-900: #003a24;
--color-overchlorinated-pool-950: #002413;
}SCSS
$overchlorinated-pool: #0ae9b4;
$overchlorinated-pool-rgb: 10, 233, 180;
$overchlorinated-pool-light: mix(#fff, $overchlorinated-pool, 20%);
$overchlorinated-pool-dark: mix(#000, $overchlorinated-pool, 20%);
.element {
color: $overchlorinated-pool;
box-shadow: 0 0 0 2px rgba($overchlorinated-pool, 0.35);
}