Benannte Farbe · #AFA9AF
Iced Tulip
Iced Tulip ist #AFA9AF: rgb(175 169 175), hsl(300 4% 67%), oklch(0.742 0.011 325.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Iced Tulip color name →
#AFA9AF
oklch(0.742 0.011 325.7)
Farbumrechnungen
- HEX
- #afa9af
- RGB
- rgb(175 169 175)
- HSL
- hsl(300 4% 67%)
- HWB
- hwb(300 66% 31%)
- OKLCH
- oklch(0.742 0.011 325.7)
- OKLab
- oklab(0.742 0.009 -0.006)
- CIE Lab
- lab(69.88 3.06 -2.29)
- LCH
- lch(69.88 3.82 323.1)
- CMYK
- cmyk(0% 3% 0% 31%)
Tints · Shades · Tones
Tints
- B7B1B7
- BFBABF
- C6C2C6
- CECBCE
- D6D3D6
- DEDCDE
- E6E5E6
- EFEDEF
- F7F6F7
Shades
- 989298
- 817C81
- 6B676B
- 565356
- 413F41
- 2E2C2E
- 1C1B1C
- 0B0A0B
- 010101
Tones
- AAA5AA
- A5A1A5
- A19CA1
- 9C989C
- 979497
- 929092
- 8E8C8E
- 898889
- 858485
Farbharmonien
Komplementär +180°
- AFA9AF
Iced Tulip
- A7ADA7
≈ Silver Screen
Analog -30° +30°
- AFA9AF
Iced Tulip
- ACAAB2
≈ Velvet Grey
- B1A9AB
≈ Silver Service
Triadisch +120° +240°
- AFA9AF
Iced Tulip
- AEABA4
≈ City Tower
- A4ADAF
≈ Gull Grey
Geteilt komplementär +150° +210°
- AFA9AF
Iced Tulip
- ABACA5
≈ Classic Greyscale
- A5AEAB
≈ Silver Screen
Tetradisch +90° +180° +270°
- AFA9AF
Iced Tulip
- B1AAA5
≈ Autumn Grey
- A7ADA7
≈ Silver Screen
- A5ADB1
≈ Gull Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.11:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--iced-tulip: #afa9af;
--iced-tulip-rgb: 175 169 175;
--iced-tulip-oklch: oklch(0.742 0.011 325.7);
}
.element {
color: var(--iced-tulip);
background-color: hsl(300 4% 67%);
border-color: oklch(0.742 0.011 325.7);
}Tailwind CSS v4
@theme {
--color-iced-tulip: #afa9af;
--color-iced-tulip-50: #f7f4f7;
--color-iced-tulip-100: #eae7ea;
--color-iced-tulip-200: #d7d3d7;
--color-iced-tulip-300: #bab5ba;
--color-iced-tulip-400: #a29ca2;
--color-iced-tulip-500: #8a848a;
--color-iced-tulip-600: #757075;
--color-iced-tulip-700: #5d595d;
--color-iced-tulip-800: #444144;
--color-iced-tulip-900: #2f2d2f;
--color-iced-tulip-950: #1c1a1c;
}SCSS
$iced-tulip: #afa9af;
$iced-tulip-rgb: 175, 169, 175;
$iced-tulip-light: mix(#fff, $iced-tulip, 20%);
$iced-tulip-dark: mix(#000, $iced-tulip, 20%);
.element {
color: $iced-tulip;
box-shadow: 0 0 0 2px rgba($iced-tulip, 0.35);
}