Benannte Farbe · #A0E5D9
Sea Glass Teal
Sea Glass Teal ist #A0E5D9: rgb(160 229 217), hsl(170 57% 76%), oklch(0.873 0.071 182.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Sea Glass Teal color name →
#A0E5D9
oklch(0.873 0.071 182.6)
Farbumrechnungen
- HEX
- #a0e5d9
- RGB
- rgb(160 229 217)
- HSL
- hsl(170 57% 76%)
- HWB
- hwb(170 63% 10%)
- OKLCH
- oklch(0.873 0.071 182.6)
- OKLab
- oklab(0.873 -0.071 -0.003)
- CIE Lab
- lab(86.11 -24.36 -1.42)
- LCH
- lch(86.11 24.41 183.3)
- CMYK
- cmyk(30% 0% 5% 10%)
Tints · Shades · Tones
Tints
- AAE8DD
- B4EAE1
- BEEDE4
- C8F0E8
- D1F2EC
- DAF5F0
- E4F7F3
- EDFAF7
- F6FCFB
Shades
- 8BC7BC
- 76AAA1
- 618E86
- 4E726C
- 3B5853
- 293F3B
- 192825
- 091211
- 010302
Tones
- 9DDBD0
- 9BD0C7
- 98C6BD
- 95BCB4
- 92B1AB
- 8FA7A3
- 8B9D9A
- 889391
- 848A88
Farbharmonien
Komplementär +180°
- A0E5D9
Sea Glass Teal
- FEC2D1
≈ Garden Glory
Analog -30° +30°
- A0E5D9
Sea Glass Teal
- B2E3BF
≈ Fringy Flower
- 9EE2F1
≈ Blizzard Blue
Triadisch +120° +240°
- A0E5D9
Sea Glass Teal
- DECBFD
≈ Foggy Heath
- F8CCA5
≈ Lion Cub
Geteilt komplementär +150° +210°
- A0E5D9
Sea Glass Teal
- F2C4EA
≈ Purple’s Baby Sister
- FFC5B9
≈ Your Pink
Tetradisch +90° +180° +270°
- A0E5D9
Sea Glass Teal
- C7D3FF
≈ Pale Phthalo Blue
- FEC2D1
≈ Garden Glory
- E5D5A0
≈ Early Sprout
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.70:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--sea-glass-teal: #a0e5d9;
--sea-glass-teal-rgb: 160 229 217;
--sea-glass-teal-oklch: oklch(0.873 0.071 182.6);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(170 57% 76%);
border-color: oklch(0.873 0.071 182.6);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #a0e5d9;
--color-sea-glass-teal-50: #e0fcf8;
--color-sea-glass-teal-100: #cff0eb;
--color-sea-glass-teal-200: #b3dfd8;
--color-sea-glass-teal-300: #8ec4bc;
--color-sea-glass-teal-400: #6dada2;
--color-sea-glass-teal-500: #49968a;
--color-sea-glass-teal-600: #3f7f75;
--color-sea-glass-teal-700: #32655d;
--color-sea-glass-teal-800: #244b43;
--color-sea-glass-teal-900: #18342f;
--color-sea-glass-teal-950: #081f1b;
}SCSS
$sea-glass-teal: #a0e5d9;
$sea-glass-teal-rgb: 160, 229, 217;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}