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