Nazwany kolor · #DD95B4
Techno Pink
Techno Pink to #DD95B4: rgb(221 149 180), hsl(334 51% 73%), oklch(0.75 0.095 352.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Techno Pink color name →
#DD95B4
oklch(0.75 0.095 352.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1A0BB
- E5AAC3
- E9B5CA
- ECBFD1
- F0CAD9
- F3D4E0
- F6DFE8
- F9EAF0
- FCF4F7
Odcienie ciemniejsze
- C0819C
- A46D85
- 885A6E
- 6E4858
- 553744
- 3D2630
- 26161D
- 11080C
- 020102
Tony
- D493AF
- CB91A9
- C18FA4
- B88D9F
- AF8B9A
- A68994
- 9C878F
- 93858A
- 898285
Harmonie kolorów
Komplementarna +180°
- DD95B4
Techno Pink
- 69C2A7
≈ Blue Energy
Analogowa -30° +30°
- DD95B4
Techno Pink
- CB9AD2
≈ Ineffable Magenta
- E49693
≈ Salmon Pink Red
Triada +120° +240°
- DD95B4
Techno Pink
- AFB46C
≈ Rodham
- 6CB9E0
≈ Life Force
Komplementarna rozszczepiona +150° +210°
- DD95B4
Techno Pink
- 8BBE86
≈ Greengage
- 5AC0C8
≈ Baharroth Blue
Tetrada +90° +180° +270°
- DD95B4
Techno Pink
- CCA866
≈ Wild Mustard Seed
- 69C2A7
≈ Blue Energy
- 8DAEEA
≈ Queer Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.03:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
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);
}