色名 · #FACFC1
Doll House
Doll Houseは#FACFC1：rgb(250 207 193)、hsl(15 85% 87%)、oklch(0.888 0.052 38.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Doll House color name →
#FACFC1
oklch(0.888 0.052 38.8)
カラー変換
- HEX
- #facfc1
- RGB
- rgb(250 207 193)
- HSL
- hsl(15 85% 87%)
- HWB
- hwb(15 76% 2%)
- OKLCH
- oklch(0.888 0.052 38.8)
- OKLab
- oklab(0.888 0.041 0.033)
- CIE Lab
- lab(86.62 14.09 12.96)
- LCH
- lch(86.62 19.15 42.6)
- CMYK
- cmyk(0% 17% 23% 2%)
ティント · シェード · トーン
ティント
- FBD4C7
- FBD9CD
- FCDDD3
- FDE2DA
- FDE7E0
- FEECE6
- FEF1EC
- FEF5F2
- FFFAF9
シェード
- D9B4A7
- BA998F
- 9B7F77
- 7D675F
- 614F49
- 463834
- 2D2320
- 15100E
- 030202
トーン
- EDC7BA
- E1BFB4
- D4B7AD
- C8AFA7
- BCA7A0
- AF9F9A
- A39793
- 988F8D
- 8C8886
カラーハーモニー
補色 +180°
- FACFC1
Doll House
- B4E3F2
≈ Breaking the Ice
類似色 -30° +30°
- FACFC1
Doll House
- FACCD3
≈ Pinktone
- F2D4B5
≈ Flattering Peach
トライアド +120° +240°
- FACFC1
Doll House
- BEE5CE
≈ Woolly Mint
- D2D7FD
≈ Icy Plains
スプリットコンプリメンタリー +150° +210°
- FACFC1
Doll House
- B3E6E1
≈ Cool Crayon
- C0DEFC
≈ Dithered Sky
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.75:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--doll-house: #facfc1;
--doll-house-rgb: 250 207 193;
--doll-house-oklch: oklch(0.888 0.052 38.8);
}
.element {
color: var(--doll-house);
background-color: hsl(15 85% 87%);
border-color: oklch(0.888 0.052 38.8);
}Tailwind CSS v4
@theme {
--color-doll-house: #facfc1;
--color-doll-house-50: #fff1ea;
--color-doll-house-100: #f8e3db;
--color-doll-house-200: #e9cdc3;
--color-doll-house-300: #d0afa3;
--color-doll-house-400: #bb9488;
--color-doll-house-500: #a57b6d;
--color-doll-house-600: #8c685c;
--color-doll-house-700: #70534a;
--color-doll-house-800: #533c36;
--color-doll-house-900: #3a2925;
--color-doll-house-950: #241713;
}SCSS
$doll-house: #facfc1;
$doll-house-rgb: 250, 207, 193;
$doll-house-light: mix(#fff, $doll-house, 20%);
$doll-house-dark: mix(#000, $doll-house, 20%);
.element {
color: $doll-house;
box-shadow: 0 0 0 2px rgba($doll-house, 0.35);
}