Benannte Farbe · #DDAAFF
Testosterose
Testosterose ist #DDAAFF: rgb(221 170 255), hsl(276 100% 83%), oklch(0.814 0.128 311.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Testosterose color name →
#DDAAFF
oklch(0.814 0.128 311.2)
Farbumrechnungen
- HEX
- #ddaaff
- RGB
- rgb(221 170 255)
- HSL
- hsl(276 100% 83%)
- HWB
- hwb(276 67% 0%)
- OKLCH
- oklch(0.814 0.128 311.2)
- OKLab
- oklab(0.814 0.084 -0.096)
- CIE Lab
- lab(76.66 30.57 -35.11)
- LCH
- lch(76.66 46.56 311)
- CMYK
- cmyk(13% 33% 0% 0%)
Tints · Shades · Tones
Tints
- E0B3FF
- E4BBFF
- E7C4FF
- EBCCFF
- EED5FF
- F2DDFF
- F5E6FF
- F8EEFF
- FCF7FF
Shades
- C093DE
- A47DBE
- 88689E
- 6E5380
- 553F63
- 3D2D48
- 261B2E
- 110B16
- 020103
Tones
- D3A6F2
- CAA2E5
- C09ED8
- B79ACB
- AE96BE
- A491B2
- 9B8DA5
- 928999
- 89848C
Farbharmonien
Komplementär +180°
- DDAAFF
Testosterose
- A5D37A
≈ Livery Green
Analog -30° +30°
- DDAAFF
Testosterose
- B7BBFF
≈ Dried Lilac
- FAA0DB
≈ Rose Daphne
Triadisch +120° +240°
- DDAAFF
Testosterose
- F6B45E
≈ Peanut Butter Biscuit
- 3BDCD6
≈ Fish Boy
Geteilt komplementär +150° +210°
- DDAAFF
Testosterose
- D4C55B
≈ Nervy Hue
- 6DDCA7
≈ Medium Aquamarine
Tetradisch +90° +180° +270°
- DDAAFF
Testosterose
- FFAA8B
≈ Super Sepia
- A5D37A
≈ Livery Green
- 4CD5FC
≈ Libra Blue Morpho
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.86:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.26:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--testosterose: #ddaaff;
--testosterose-rgb: 221 170 255;
--testosterose-oklch: oklch(0.814 0.128 311.2);
}
.element {
color: var(--testosterose);
background-color: hsl(276 100% 83%);
border-color: oklch(0.814 0.128 311.2);
}Tailwind CSS v4
@theme {
--color-testosterose: #ddaaff;
--color-testosterose-50: #ffebff;
--color-testosterose-100: #f7dcff;
--color-testosterose-200: #e8c5fc;
--color-testosterose-300: #cfa4e6;
--color-testosterose-400: #b788d6;
--color-testosterose-500: #a16bc4;
--color-testosterose-600: #885ba5;
--color-testosterose-700: #6d4985;
--color-testosterose-800: #4f3564;
--color-testosterose-900: #372446;
--color-testosterose-950: #22122d;
}SCSS
$testosterose: #ddaaff;
$testosterose-rgb: 221, 170, 255;
$testosterose-light: mix(#fff, $testosterose, 20%);
$testosterose-dark: mix(#000, $testosterose, 20%);
.element {
color: $testosterose;
box-shadow: 0 0 0 2px rgba($testosterose, 0.35);
}