이름 색상 · #DFBDD0
Scandalous Rose
Scandalous Rose은(는) #DFBDD0: rgb(223 189 208), hsl(326 35% 81%), oklch(0.833 0.046 343.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Scandalous Rose color name →
#DFBDD0
oklch(0.833 0.046 343.5)
색상 변환
- HEX
- #dfbdd0
- RGB
- rgb(223 189 208)
- HSL
- hsl(326 35% 81%)
- HWB
- hwb(326 74% 13%)
- OKLCH
- oklch(0.833 0.046 343.5)
- OKLab
- oklab(0.833 0.044 -0.013)
- CIE Lab
- lab(80.02 14.86 -4.82)
- LCH
- lch(80.02 15.62 342)
- CMYK
- cmyk(0% 15% 7% 13%)
틴트 · 셰이드 · 톤
틴트
- E2C3D5
- E6CAD9
- E9D1DE
- ECD7E3
- EFDEE7
- F3E4EC
- F6EBF1
- F9F2F5
- FCF8FA
셰이드
- C2A4B5
- A58C9A
- 8A7480
- 6F5D67
- 56474F
- 3D3339
- 271F23
- 120D10
- 020202
톤
- D5B7C8
- CBB1BF
- C2AAB7
- B8A4AF
- AF9EA7
- A5989F
- 9C9297
- 928C8F
- 898688
색 조화
보색 +180°
- DFBDD0
Scandalous Rose
- AED2C0
≈ Lester
유사색 -30° +30°
- DFBDD0
Scandalous Rose
- D3C0DE
≈ Purple Whisper
- E5BDBF
≈ Ice Hot Pink
삼각 배색 +120° +240°
- DFBDD0
Scandalous Rose
- CDCAA8
≈ Thistle Green
- A9D0DF
≈ Flemish Blue
분열 보색 +150° +210°
- DFBDD0
Scandalous Rose
- BDCFB1
≈ Kiss of Mint
- A6D2D1
≈ Crystal Aqua
사각 배색 +90° +180° +270°
- DFBDD0
Scandalous Rose
- DBC4A8
≈ Elafonisi Beach
- AED2C0
≈ Lester
- B4CBE6
≈ Melt Ice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.32:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--scandalous-rose: #dfbdd0;
--scandalous-rose-rgb: 223 189 208;
--scandalous-rose-oklch: oklch(0.833 0.046 343.5);
}
.element {
color: var(--scandalous-rose);
background-color: hsl(326 35% 81%);
border-color: oklch(0.833 0.046 343.5);
}Tailwind CSS v4
@theme {
--color-scandalous-rose: #dfbdd0;
--color-scandalous-rose-50: #fff0f8;
--color-scandalous-rose-100: #f4e2eb;
--color-scandalous-rose-200: #e4cdd9;
--color-scandalous-rose-300: #caaebd;
--color-scandalous-rose-400: #b394a5;
--color-scandalous-rose-500: #9d7a8e;
--color-scandalous-rose-600: #856878;
--color-scandalous-rose-700: #6a5360;
--color-scandalous-rose-800: #4e3c47;
--color-scandalous-rose-900: #362931;
--color-scandalous-rose-950: #21171d;
}SCSS
$scandalous-rose: #dfbdd0;
$scandalous-rose-rgb: 223, 189, 208;
$scandalous-rose-light: mix(#fff, $scandalous-rose, 20%);
$scandalous-rose-dark: mix(#000, $scandalous-rose, 20%);
.element {
color: $scandalous-rose;
box-shadow: 0 0 0 2px rgba($scandalous-rose, 0.35);
}