이름 색상 · #D29EA6
Silver Rose
Silver Rose은(는) #D29EA6: rgb(210 158 166), hsl(351 37% 72%), oklch(0.75 0.063 8.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Silver Rose color name →
#D29EA6
oklch(0.75 0.063 8.4)
색상 변환
- HEX
- #d29ea6
- RGB
- rgb(210 158 166)
- HSL
- hsl(351 37% 72%)
- HWB
- hwb(351 62% 18%)
- OKLCH
- oklch(0.75 0.063 8.4)
- OKLab
- oklab(0.75 0.062 0.009)
- CIE Lab
- lab(70.29 20.79 3.77)
- LCH
- lch(70.29 21.13 10.3)
- CMYK
- cmyk(0% 25% 21% 18%)
틴트 · 셰이드 · 톤
틴트
- D7A7AF
- DCB1B7
- E0BBC0
- E5C4C9
- EACED2
- EED8DB
- F2E1E4
- F7EBED
- FBF5F6
셰이드
- B68990
- 9B747A
- 816065
- 684D51
- 503A3E
- 39292B
- 24181A
- 10090A
- 020101
톤
- CA9BA2
- C2989E
- B9959A
- B19297
- A98F93
- A18C8F
- 99898B
- 908687
- 888384
색 조화
보색 +180°
- D29EA6
Silver Rose
- 7FBBB6
≈ Polished Aqua
유사색 -30° +30°
- D29EA6
Silver Rose
- C99FBC
≈ Idyllic Pink
- D2A191
≈ Badshahi Brown
삼각 배색 +120° +240°
- D29EA6
Silver Rose
- A2B68C
≈ Haven
- 8FB2D5
≈ Innocent Blue
분열 보색 +150° +210°
- D29EA6
Silver Rose
- 8DBB9F
≈ Summertown
- 80B8C9
≈ Blue Bird Morning
사각 배색 +90° +180° +270°
- D29EA6
Silver Rose
- B8AF81
≈ Tomatillo Salsa
- 7FBBB6
≈ Polished Aqua
- A4ABD6
≈ Childish Wonder
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.28:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.18:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--silver-rose: #d29ea6;
--silver-rose-rgb: 210 158 166;
--silver-rose-oklch: oklch(0.75 0.063 8.4);
}
.element {
color: var(--silver-rose);
background-color: hsl(351 37% 72%);
border-color: oklch(0.75 0.063 8.4);
}Tailwind CSS v4
@theme {
--color-silver-rose: #d29ea6;
--color-silver-rose-50: #ffeef1;
--color-silver-rose-100: #fce0e3;
--color-silver-rose-200: #eecace;
--color-silver-rose-300: #d5abb0;
--color-silver-rose-400: #c08f97;
--color-silver-rose-500: #ab757e;
--color-silver-rose-600: #90636b;
--color-silver-rose-700: #744f55;
--color-silver-rose-800: #55393f;
--color-silver-rose-900: #3c272b;
--color-silver-rose-950: #251519;
}SCSS
$silver-rose: #d29ea6;
$silver-rose-rgb: 210, 158, 166;
$silver-rose-light: mix(#fff, $silver-rose, 20%);
$silver-rose-dark: mix(#000, $silver-rose, 20%);
.element {
color: $silver-rose;
box-shadow: 0 0 0 2px rgba($silver-rose, 0.35);
}