이름 색상 · #FFBBCC
Rosie
Rosie은(는) #FFBBCC: rgb(255 187 204), hsl(345 100% 87%), oklch(0.859 0.081 2.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Rosie color name →
#FFBBCC
oklch(0.859 0.081 2.4)
색상 변환
- HEX
- #ffbbcc
- RGB
- rgb(255 187 204)
- HSL
- hsl(345 100% 87%)
- HWB
- hwb(345 73% 0%)
- OKLCH
- oklch(0.859 0.081 2.4)
- OKLab
- oklab(0.859 0.081 0.003)
- CIE Lab
- lab(82.67 27.03 1.62)
- LCH
- lch(82.67 27.08 3.4)
- CMYK
- cmyk(0% 27% 20% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC2D1
- FFC9D6
- FFD0DB
- FFD6E0
- FFDDE5
- FFE4EA
- FFEBEF
- FFF1F5
- FFF8FA
셰이드
- DEA2B1
- BE8A97
- 9E737E
- 805C65
- 63464E
- 483237
- 2E1F22
- 160D0F
- 030202
톤
- F2B5C4
- E5AFBC
- D8A9B5
- CBA3AD
- BF9DA5
- B2989E
- A59296
- 998C8F
- 8C8687
색 조화
보색 +180°
- FFBBCC
Rosie
- 93E3D5
≈ Sharbah Fizz
유사색 -30° +30°
- FFBBCC
Rosie
- F1BEE8
≈ Lavender Soap
- FFBFB1
≈ Ruffled Parasol
삼각 배색 +120° +240°
- FFBBCC
Rosie
- C7DA9F
≈ Cucumber Ice
- A5D7FF
≈ Malmö FF
분열 보색 +150° +210°
- FFBBCC
Rosie
- A9E1B7
≈ Celtic Spring
- 90DFF0
≈ Photon Barrier
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.23:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--rosie: #ffbbcc;
--rosie-rgb: 255 187 204;
--rosie-oklch: oklch(0.859 0.081 2.4);
}
.element {
color: var(--rosie);
background-color: hsl(345 100% 87%);
border-color: oklch(0.859 0.081 2.4);
}Tailwind CSS v4
@theme {
--color-rosie: #ffbbcc;
--color-rosie-50: #ffecf2;
--color-rosie-100: #ffdde4;
--color-rosie-200: #f4c6d0;
--color-rosie-300: #dca7b2;
--color-rosie-400: #c88a9a;
--color-rosie-500: #b36f81;
--color-rosie-600: #975e6e;
--color-rosie-700: #794b58;
--color-rosie-800: #5a3641;
--color-rosie-900: #3f252d;
--color-rosie-950: #28141a;
}SCSS
$rosie: #ffbbcc;
$rosie-rgb: 255, 187, 204;
$rosie-light: mix(#fff, $rosie, 20%);
$rosie-dark: mix(#000, $rosie, 20%);
.element {
color: $rosie;
box-shadow: 0 0 0 2px rgba($rosie, 0.35);
}