이름 색상 · #DD95B4
Techno Pink
Techno Pink은(는) #DD95B4: rgb(221 149 180), hsl(334 51% 73%), oklch(0.75 0.095 352.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Techno Pink color name →
#DD95B4
oklch(0.75 0.095 352.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E1A0BB
- E5AAC3
- E9B5CA
- ECBFD1
- F0CAD9
- F3D4E0
- F6DFE8
- F9EAF0
- FCF4F7
셰이드
- C0819C
- A46D85
- 885A6E
- 6E4858
- 553744
- 3D2630
- 26161D
- 11080C
- 020102
톤
- D493AF
- CB91A9
- C18FA4
- B88D9F
- AF8B9A
- A68994
- 9C878F
- 93858A
- 898285
색 조화
보색 +180°
- DD95B4
Techno Pink
- 69C2A7
≈ Blue Energy
유사색 -30° +30°
- DD95B4
Techno Pink
- CB9AD2
≈ Ineffable Magenta
- E49693
≈ Salmon Pink Red
삼각 배색 +120° +240°
- DD95B4
Techno Pink
- AFB46C
≈ Rodham
- 6CB9E0
≈ Life Force
분열 보색 +150° +210°
- DD95B4
Techno Pink
- 8BBE86
≈ Greengage
- 5AC0C8
≈ Baharroth Blue
사각 배색 +90° +180° +270°
- DD95B4
Techno Pink
- CCA866
≈ Wild Mustard Seed
- 69C2A7
≈ Blue Energy
- 8DAEEA
≈ Queer Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.03:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
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);
}