色名 · #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);
}