Benannte Farbe · #A7D4D9
Iced Aqua
Iced Aqua ist #A7D4D9: rgb(167 212 217), hsl(186 40% 75%), oklch(0.84 0.047 204.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Iced Aqua color name →
#A7D4D9
oklch(0.84 0.047 204.7)
Farbumrechnungen
- HEX
- #a7d4d9
- RGB
- rgb(167 212 217)
- HSL
- hsl(186 40% 75%)
- HWB
- hwb(186 65% 15%)
- OKLCH
- oklch(0.84 0.047 204.7)
- OKLab
- oklab(0.84 -0.043 -0.02)
- CIE Lab
- lab(81.84 -14.39 -7.57)
- LCH
- lch(81.84 16.26 207.8)
- CMYK
- cmyk(23% 2% 0% 15%)
Tints · Shades · Tones
Tints
- B0D8DD
- B9DDE1
- C2E1E4
- CAE5E8
- D3E9EC
- DCEEF0
- E5F2F4
- EEF6F7
- F6FBFB
Shades
- 91B8BC
- 7B9DA1
- 668386
- 52696C
- 3E5153
- 2C3A3B
- 1A2425
- 0A1011
- 010202
Tones
- A3CBD0
- A0C3C7
- 9CBABD
- 98B2B4
- 94A9AB
- 90A1A3
- 8C989A
- 889091
- 848889
Farbharmonien
Komplementär +180°
- A7D4D9
Iced Aqua
- E8BFBB
≈ Rosy Glow
Analog -30° +30°
- A7D4D9
Iced Aqua
- ABD5C8
≈ Scud
- ADD0E5
≈ Vive le Vent
Triadisch +120° +240°
- A7D4D9
Iced Aqua
- DBC0DC
≈ Epiphany
- D9C9A8
≈ Fiji Sands
Geteilt komplementär +150° +210°
- A7D4D9
Iced Aqua
- E5BECC
≈ Soap Pink
- E4C3AE
≈ Gypsum Rose
Tetradisch +90° +180° +270°
- A7D4D9
Iced Aqua
- CCC5E7
≈ Italian Fitch
- E8BFBB
≈ Rosy Glow
- C9CFAC
≈ Bamboo White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.06:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--iced-aqua: #a7d4d9;
--iced-aqua-rgb: 167 212 217;
--iced-aqua-oklch: oklch(0.84 0.047 204.7);
}
.element {
color: var(--iced-aqua);
background-color: hsl(186 40% 75%);
border-color: oklch(0.84 0.047 204.7);
}Tailwind CSS v4
@theme {
--color-iced-aqua: #a7d4d9;
--color-iced-aqua-50: #e6f9fc;
--color-iced-aqua-100: #d7edf0;
--color-iced-aqua-200: #bedade;
--color-iced-aqua-300: #9cbfc4;
--color-iced-aqua-400: #7ea7ac;
--color-iced-aqua-500: #609095;
--color-iced-aqua-600: #527a7e;
--color-iced-aqua-700: #416165;
--color-iced-aqua-800: #2e474a;
--color-iced-aqua-900: #1f3133;
--color-iced-aqua-950: #0f1d1f;
}SCSS
$iced-aqua: #a7d4d9;
$iced-aqua-rgb: 167, 212, 217;
$iced-aqua-light: mix(#fff, $iced-aqua, 20%);
$iced-aqua-dark: mix(#000, $iced-aqua, 20%);
.element {
color: $iced-aqua;
box-shadow: 0 0 0 2px rgba($iced-aqua, 0.35);
}