이름 색상 · #FFC5CB
Rubber Rose
Rubber Rose은(는) #FFC5CB: rgb(255 197 203), hsl(354 100% 89%), oklch(0.877 0.067 11.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Rubber Rose color name →
#FFC5CB
oklch(0.877 0.067 11.6)
색상 변환
- HEX
- #ffc5cb
- RGB
- rgb(255 197 203)
- HSL
- hsl(354 100% 89%)
- HWB
- hwb(354 77% 0%)
- OKLCH
- oklch(0.877 0.067 11.6)
- OKLab
- oklab(0.877 0.065 0.013)
- CIE Lab
- lab(84.94 21.95 5.41)
- LCH
- lch(84.94 22.61 13.8)
- CMYK
- cmyk(0% 23% 20% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCBD0
- FFD1D5
- FFD6DA
- FFDCE0
- FFE2E5
- FFE8EA
- FFEEEF
- FFF3F4
- FFF9FA
셰이드
- DEABB0
- BE9296
- 9E797D
- 806165
- 634B4D
- 483537
- 2E2122
- 160E0F
- 030202
톤
- F2BEC3
- E5B7BC
- D8B0B4
- CBA9AC
- BEA2A5
- B29B9D
- A59496
- 998E8E
- 8C8787
색 조화
보색 +180°
- FFC5CB
Rubber Rose
- A3E5E1
≈ Ice Crystal Blue
유사색 -30° +30°
- FFC5CB
Rubber Rose
- F6C6E3
≈ Sugarwinkle
- FEC9B5
≈ Dolly Cheek
삼각 배색 +120° +240°
- FFC5CB
Rubber Rose
- C7E0B3
≈ Satin Green
- B9DAFF
≈ Broad Daylight
분열 보색 +150° +210°
- FFC5CB
Rubber Rose
- B0E5C9
≈ Coastal Foam
- A6E1F6
≈ Ganon Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.10:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--rubber-rose: #ffc5cb;
--rubber-rose-rgb: 255 197 203;
--rubber-rose-oklch: oklch(0.877 0.067 11.6);
}
.element {
color: var(--rubber-rose);
background-color: hsl(354 100% 89%);
border-color: oklch(0.877 0.067 11.6);
}Tailwind CSS v4
@theme {
--color-rubber-rose: #ffc5cb;
--color-rubber-rose-50: #ffeeef;
--color-rubber-rose-100: #fddfe1;
--color-rubber-rose-200: #efc9cc;
--color-rubber-rose-300: #d7aaad;
--color-rubber-rose-400: #c28f94;
--color-rubber-rose-500: #ad747b;
--color-rubber-rose-600: #936268;
--color-rubber-rose-700: #764e53;
--color-rubber-rose-800: #57393d;
--color-rubber-rose-900: #3d272a;
--color-rubber-rose-950: #261518;
}SCSS
$rubber-rose: #ffc5cb;
$rubber-rose-rgb: 255, 197, 203;
$rubber-rose-light: mix(#fff, $rubber-rose, 20%);
$rubber-rose-dark: mix(#000, $rubber-rose, 20%);
.element {
color: $rubber-rose;
box-shadow: 0 0 0 2px rgba($rubber-rose, 0.35);
}