Benannte Farbe · #93D4C0
Pop Shop
Pop Shop ist #93D4C0: rgb(147 212 192), hsl(162 43% 70%), oklch(0.82 0.072 173.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Pop Shop color name →
#93D4C0
oklch(0.82 0.072 173.3)
Farbumrechnungen
- HEX
- #93d4c0
- RGB
- rgb(147 212 192)
- HSL
- hsl(162 43% 70%)
- HWB
- hwb(162 58% 17%)
- OKLCH
- oklch(0.82 0.072 173.3)
- OKLab
- oklab(0.82 -0.071 0.008)
- CIE Lab
- lab(80.11 -24.68 2.99)
- LCH
- lch(80.11 24.86 173.1)
- CMYK
- cmyk(31% 0% 9% 17%)
Tints · Shades · Tones
Tints
- 9ED8C6
- AADDCC
- B5E1D3
- BFE5D9
- CAEADF
- D5EEE5
- DFF2EC
- EAF6F2
- F5FBF9
Shades
- 7FB8A7
- 6C9D8E
- 598376
- 47695F
- 365149
- 253A34
- 162420
- 08100E
- 010202
Tones
- 92CBB9
- 90C3B3
- 8FBAAC
- 8DB2A6
- 8BA99F
- 89A199
- 879993
- 85908C
- 838886
Farbharmonien
Komplementär +180°
- 93D4C0
Pop Shop
- EAB2C8
≈ Pink Frenzy
Analog -30° +30°
- 93D4C0
Pop Shop
- A9D1A7
≈ Garden Room
- 8BD2D9
≈ Sky Watch
Triadisch +120° +240°
- 93D4C0
Pop Shop
- C6BCEF
≈ Connecticut Lilac
- EAB899
≈ Creole Cottage
Geteilt komplementär +150° +210°
- 93D4C0
Pop Shop
- DCB5E0
≈ Pretty Petunia
- F0B3AE
≈ Mesa Rose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.41:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--pop-shop: #93d4c0;
--pop-shop-rgb: 147 212 192;
--pop-shop-oklch: oklch(0.82 0.072 173.3);
}
.element {
color: var(--pop-shop);
background-color: hsl(162 43% 70%);
border-color: oklch(0.82 0.072 173.3);
}Tailwind CSS v4
@theme {
--color-pop-shop: #93d4c0;
--color-pop-shop-50: #e1fcf4;
--color-pop-shop-100: #d0f0e6;
--color-pop-shop-200: #b5dfd3;
--color-pop-shop-300: #91c4b5;
--color-pop-shop-400: #70ad9b;
--color-pop-shop-500: #4e9682;
--color-pop-shop-600: #437f6e;
--color-pop-shop-700: #356558;
--color-pop-shop-800: #264b3f;
--color-pop-shop-900: #1a342b;
--color-pop-shop-950: #0a1f19;
}SCSS
$pop-shop: #93d4c0;
$pop-shop-rgb: 147, 212, 192;
$pop-shop-light: mix(#fff, $pop-shop, 20%);
$pop-shop-dark: mix(#000, $pop-shop, 20%);
.element {
color: $pop-shop;
box-shadow: 0 0 0 2px rgba($pop-shop, 0.35);
}