이름 색상 · #FBC0B4
Ruffled Parasol
Ruffled Parasol은(는) #FBC0B4: rgb(251 192 180), hsl(10 90% 85%), oklch(0.858 0.07 31.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Ruffled Parasol color name →
#FBC0B4
oklch(0.858 0.07 31.6)
색상 변환
- HEX
- #fbc0b4
- RGB
- rgb(251 192 180)
- HSL
- hsl(10 90% 85%)
- HWB
- hwb(10 71% 2%)
- OKLCH
- oklch(0.858 0.07 31.6)
- OKLab
- oklab(0.858 0.06 0.037)
- CIE Lab
- lab(82.92 20.6 14.69)
- LCH
- lch(82.92 25.31 35.5)
- CMYK
- cmyk(0% 24% 28% 2%)
틴트 · 셰이드 · 톤
틴트
- FCC6BB
- FDCDC3
- FDD3CA
- FED9D2
- FEE0D9
- FFE6E1
- FFECE8
- FFF2F0
- FFF9F7
셰이드
- DAA79C
- BA8E85
- 9C766E
- 7E5F58
- 614944
- 463430
- 2D201D
- 150E0C
- 030202
톤
- EEBAAF
- E2B3A9
- D5ADA4
- C9A69F
- BCA09A
- B09995
- A4938F
- 988D8A
- 8C8685
색 조화
보색 +180°
- FBC0B4
Ruffled Parasol
- 9ADDEB
≈ Luminescent Blue
유사색 -30° +30°
- FBC0B4
Ruffled Parasol
- F9BECD
≈ Tassel Flower
- F3C7A2
≈ Radome Tan
삼각 배색 +120° +240°
- FBC0B4
Ruffled Parasol
- AFDEBA
≈ Fringy Flower
- C0CEFF
≈ Lavender Blue
분열 보색 +150° +210°
- FBC0B4
Ruffled Parasol
- 9CE0D3
≈ Menthol Kiss
- A8D7FB
≈ Malmö FF
사각 배색 +90° +180° +270°
- FBC0B4
Ruffled Parasol
- C8D8A5
≈ Cucumber Ice
- 9ADDEB
≈ Luminescent Blue
- D8C6F8
≈ Innocent Snowdrop
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.30:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--ruffled-parasol: #fbc0b4;
--ruffled-parasol-rgb: 251 192 180;
--ruffled-parasol-oklch: oklch(0.858 0.07 31.6);
}
.element {
color: var(--ruffled-parasol);
background-color: hsl(10 90% 85%);
border-color: oklch(0.858 0.07 31.6);
}Tailwind CSS v4
@theme {
--color-ruffled-parasol: #fbc0b4;
--color-ruffled-parasol-50: #ffeee8;
--color-ruffled-parasol-100: #fee0d9;
--color-ruffled-parasol-200: #f1cac1;
--color-ruffled-parasol-300: #d9aba0;
--color-ruffled-parasol-400: #c58f85;
--color-ruffled-parasol-500: #b07569;
--color-ruffled-parasol-600: #956359;
--color-ruffled-parasol-700: #774f47;
--color-ruffled-parasol-800: #583934;
--color-ruffled-parasol-900: #3e2723;
--color-ruffled-parasol-950: #271512;
}SCSS
$ruffled-parasol: #fbc0b4;
$ruffled-parasol-rgb: 251, 192, 180;
$ruffled-parasol-light: mix(#fff, $ruffled-parasol, 20%);
$ruffled-parasol-dark: mix(#000, $ruffled-parasol, 20%);
.element {
color: $ruffled-parasol;
box-shadow: 0 0 0 2px rgba($ruffled-parasol, 0.35);
}