Benannte Farbe · #DAA6CF
Tiara Pink
Tiara Pink ist #DAA6CF: rgb(218 166 207), hsl(313 41% 75%), oklch(0.786 0.081 333.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Tiara Pink color name →
#DAA6CF
oklch(0.786 0.081 333.9)
Farbumrechnungen
- HEX
- #daa6cf
- RGB
- rgb(218 166 207)
- HSL
- hsl(313 41% 75%)
- HWB
- hwb(313 65% 15%)
- OKLCH
- oklch(0.786 0.081 333.9)
- OKLab
- oklab(0.786 0.073 -0.036)
- CIE Lab
- lab(74.01 24.63 -13.19)
- LCH
- lch(74.01 27.94 331.8)
- CMYK
- cmyk(0% 24% 5% 15%)
Tints · Shades · Tones
Tints
- DEAFD4
- E2B8D9
- E6C0DD
- EAC9E2
- EDD2E7
- F1DBEC
- F5E4F1
- F8EDF5
- FCF6FA
Shades
- BD90B4
- A27A99
- 87657F
- 6C5167
- 543E4F
- 3C2B38
- 251A23
- 110A10
- 020102
Tones
- D1A2C7
- C89FBF
- BF9BB7
- B697AF
- AD93A7
- A48F9F
- 9B8C97
- 92888F
- 898488
Farbharmonien
Komplementär +180°
- DAA6CF
Tiara Pink
- 90C9A2
≈ Irish Spring
Analog -30° +30°
- DAA6CF
Tiara Pink
- C4ADE4
≈ Perfume
- E7A4B3
≈ Love at First Sight
Triadisch +120° +240°
- DAA6CF
Tiara Pink
- CAB97C
≈ Frozen Marguerita
- 78C7D9
≈ Water Flow
Geteilt komplementär +150° +210°
- DAA6CF
Tiara Pink
- AEC389
≈ Gnome Green
- 7ACBBF
≈ Hawaiian Vacation
Tetradisch +90° +180° +270°
- DAA6CF
Tiara Pink
- DFAF82
≈ Manhattan
- 90C9A2
≈ Irish Spring
- 8CC0EA
≈ Watery Sea
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.33:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--tiara-pink: #daa6cf;
--tiara-pink-rgb: 218 166 207;
--tiara-pink-oklch: oklch(0.786 0.081 333.9);
}
.element {
color: var(--tiara-pink);
background-color: hsl(313 41% 75%);
border-color: oklch(0.786 0.081 333.9);
}Tailwind CSS v4
@theme {
--color-tiara-pink: #daa6cf;
--color-tiara-pink-50: #ffedfe;
--color-tiara-pink-100: #fadef2;
--color-tiara-pink-200: #ecc8e2;
--color-tiara-pink-300: #d3a8c7;
--color-tiara-pink-400: #bd8db2;
--color-tiara-pink-500: #a7719d;
--color-tiara-pink-600: #8d6084;
--color-tiara-pink-700: #714d6a;
--color-tiara-pink-800: #53384f;
--color-tiara-pink-900: #3a2637;
--color-tiara-pink-950: #241422;
}SCSS
$tiara-pink: #daa6cf;
$tiara-pink-rgb: 218, 166, 207;
$tiara-pink-light: mix(#fff, $tiara-pink, 20%);
$tiara-pink-dark: mix(#000, $tiara-pink, 20%);
.element {
color: $tiara-pink;
box-shadow: 0 0 0 2px rgba($tiara-pink, 0.35);
}