Benannte Farbe · #A1D8E0
Terrace Pool
Terrace Pool ist #A1D8E0: rgb(161 216 224), hsl(188 50% 75%), oklch(0.847 0.057 207.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Terrace Pool color name →
#A1D8E0
oklch(0.847 0.057 207.3)
Farbumrechnungen
- HEX
- #a1d8e0
- RGB
- rgb(161 216 224)
- HSL
- hsl(188 50% 75%)
- HWB
- hwb(188 63% 12%)
- OKLCH
- oklch(0.847 0.057 207.3)
- OKLab
- oklab(0.847 -0.051 -0.026)
- CIE Lab
- lab(82.74 -16.93 -10)
- LCH
- lch(82.74 19.66 210.6)
- CMYK
- cmyk(28% 4% 0% 12%)
Tints · Shades · Tones
Tints
- ABDCE3
- B4E0E6
- BEE4E9
- C7E8EC
- D1ECF0
- DAEFF3
- E3F3F6
- EDF7F9
- F6FBFC
Shades
- 8BBCC3
- 76A0A6
- 62858A
- 4E6B70
- 3C5356
- 2A3B3E
- 192527
- 091112
- 010202
Tones
- 9ECFD6
- 9BC6CC
- 98BDC2
- 95B4B9
- 92ABAF
- 8EA2A5
- 8B9A9C
- 879192
- 848889
Farbharmonien
Komplementär +180°
- A1D8E0
Terrace Pool
- F0BFB9
≈ Alpenglow
Analog -30° +30°
- A1D8E0
Terrace Pool
- A5DACC
≈ Lolly Ice
- AAD3EE
≈ Light Shimmer
Triadisch +120° +240°
- A1D8E0
Terrace Pool
- E2C0E1
≈ Glittering Gemstone
- DDCBA2
≈ Shui Jiao Dumpling
Geteilt komplementär +150° +210°
- A1D8E0
Terrace Pool
- EDBECD
≈ Pink Chintz
- EBC4A9
≈ Pinkham
Tetradisch +90° +180° +270°
- A1D8E0
Terrace Pool
- D0C6EE
≈ Soap
- F0BFB9
≈ Alpenglow
- C9D2A8
≈ Pistachio Pudding
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.41:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--terrace-pool: #a1d8e0;
--terrace-pool-rgb: 161 216 224;
--terrace-pool-oklch: oklch(0.847 0.057 207.3);
}
.element {
color: var(--terrace-pool);
background-color: hsl(188 50% 75%);
border-color: oklch(0.847 0.057 207.3);
}Tailwind CSS v4
@theme {
--color-terrace-pool: #a1d8e0;
--color-terrace-pool-50: #e3fafe;
--color-terrace-pool-100: #d3eef2;
--color-terrace-pool-200: #b9dce2;
--color-terrace-pool-300: #96c0c7;
--color-terrace-pool-400: #76a8b0;
--color-terrace-pool-500: #56919a;
--color-terrace-pool-600: #497b82;
--color-terrace-pool-700: #3a6268;
--color-terrace-pool-800: #29484c;
--color-terrace-pool-900: #1c3235;
--color-terrace-pool-950: #0c1e20;
}SCSS
$terrace-pool: #a1d8e0;
$terrace-pool-rgb: 161, 216, 224;
$terrace-pool-light: mix(#fff, $terrace-pool, 20%);
$terrace-pool-dark: mix(#000, $terrace-pool, 20%);
.element {
color: $terrace-pool;
box-shadow: 0 0 0 2px rgba($terrace-pool, 0.35);
}