Couleur nommée · #DD95B4
Techno Pink
Techno Pink correspond à #DD95B4 : rgb(221 149 180), hsl(334 51% 73%), oklch(0.75 0.095 352.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Techno Pink color name →
#DD95B4
oklch(0.75 0.095 352.2)
Conversions de couleur
- HEX
- #dd95b4
- RGB
- rgb(221 149 180)
- HSL
- hsl(334 51% 73%)
- HWB
- hwb(334 58% 13%)
- OKLCH
- oklch(0.75 0.095 352.2)
- OKLab
- oklab(0.75 0.094 -0.013)
- CIE Lab
- lab(69.75 31.08 -4.56)
- LCH
- lch(69.75 31.42 351.6)
- CMYK
- cmyk(0% 33% 19% 13%)
Teintes · Ombres · Tons
Teintes
- E1A0BB
- E5AAC3
- E9B5CA
- ECBFD1
- F0CAD9
- F3D4E0
- F6DFE8
- F9EAF0
- FCF4F7
Ombres
- C0819C
- A46D85
- 885A6E
- 6E4858
- 553744
- 3D2630
- 26161D
- 11080C
- 020102
Tons
- D493AF
- CB91A9
- C18FA4
- B88D9F
- AF8B9A
- A68994
- 9C878F
- 93858A
- 898285
Harmonies de couleurs
Complémentaire +180°
- DD95B4
Techno Pink
- 69C2A7
≈ Blue Energy
Analogue -30° +30°
- DD95B4
Techno Pink
- CB9AD2
≈ Ineffable Magenta
- E49693
≈ Salmon Pink Red
Triadique +120° +240°
- DD95B4
Techno Pink
- AFB46C
≈ Rodham
- 6CB9E0
≈ Life Force
Complémentaire divisée +150° +210°
- DD95B4
Techno Pink
- 8BBE86
≈ Greengage
- 5AC0C8
≈ Baharroth Blue
Tétradique +90° +180° +270°
- DD95B4
Techno Pink
- CCA866
≈ Wild Mustard Seed
- 69C2A7
≈ Blue Energy
- 8DAEEA
≈ Queer Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.32:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.03:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--techno-pink: #dd95b4;
--techno-pink-rgb: 221 149 180;
--techno-pink-oklch: oklch(0.75 0.095 352.2);
}
.element {
color: var(--techno-pink);
background-color: hsl(334 51% 73%);
border-color: oklch(0.75 0.095 352.2);
}Tailwind CSS v4
@theme {
--color-techno-pink: #dd95b4;
--color-techno-pink-50: #ffebf7;
--color-techno-pink-100: #ffdbea;
--color-techno-pink-200: #f6c4d7;
--color-techno-pink-300: #dfa4ba;
--color-techno-pink-400: #ca87a4;
--color-techno-pink-500: #b66b8c;
--color-techno-pink-600: #9a5b77;
--color-techno-pink-700: #7b485f;
--color-techno-pink-800: #5b3447;
--color-techno-pink-900: #402431;
--color-techno-pink-950: #28121d;
}SCSS
$techno-pink: #dd95b4;
$techno-pink-rgb: 221, 149, 180;
$techno-pink-light: mix(#fff, $techno-pink, 20%);
$techno-pink-dark: mix(#000, $techno-pink, 20%);
.element {
color: $techno-pink;
box-shadow: 0 0 0 2px rgba($techno-pink, 0.35);
}