最も近い色名 · #FBA4AC
#FBA4AC
最も近い色名: Ballet Slippers
#FBA4AC（rgb(251 164 172)、hsl(354 92% 81%)、oklch(0.807 0.104 13.6)）に最も近い色名はBallet Slippersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FBA4AC
oklch(0.807 0.104 13.6)
カラー変換
- HEX
- #fba4ac
- RGB
- rgb(251 164 172)
- HSL
- hsl(354 92% 81%)
- HWB
- hwb(354 64% 2%)
- OKLCH
- oklch(0.807 0.104 13.6)
- OKLab
- oklab(0.807 0.101 0.024)
- CIE Lab
- lab(76.42 33.8 9.93)
- LCH
- lch(76.42 35.22 16.4)
- CMYK
- cmyk(0% 35% 31% 2%)
ティント · シェード · トーン
ティント
- FCADB4
- FDB6BC
- FEC0C4
- FFC9CD
- FFD2D5
- FFDBDD
- FFE4E6
- FFEDEE
- FFF6F6
シェード
- DA8E95
- BA797F
- 9C6469
- 7E5054
- 613D40
- 462B2D
- 2D1A1B
- 150A0B
- 030101
トーン
- EFA1A8
- E29DA3
- D69A9F
- CA969A
- BD9396
- B18F91
- A58B8D
- 998889
- 8C8484
カラーハーモニー
補色 +180°
- FBA4AC
Ballet Slippers
- 63D5D3
≈ Hidden Sea Glass
類似色 -30° +30°
- FBA4AC
Ballet Slippers
- F0A5D1
≈ Violet Kiss
- F9AA89
≈ October Haze
トライアド +120° +240°
- FBA4AC
Ballet Slippers
- A5CF8A
≈ Pistachio Dream
- 92C4FF
≈ Pastel Blue
スプリットコンプリメンタリー +150° +210°
- FBA4AC
Ballet Slippers
- 7DD5AD
≈ Tadorna Teal
- 6DCFF1
≈ Heisenberg Blue
テトラード +90° +180° +270°
- FBA4AC
Ballet Slippers
- CBC372
≈ Fresh Sprout
- 63D5D3
≈ Hidden Sea Glass
- B7B8FF
≈ Greyish Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.00:1 · APCA Lc 66
最適な文字色: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--ballet-slippers: #fba4ac;
--ballet-slippers-rgb: 251 164 172;
--ballet-slippers-oklch: oklch(0.807 0.104 13.6);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(354 92% 81%);
border-color: oklch(0.807 0.104 13.6);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #fba4ac;
--color-ballet-slippers-50: #ffeaeb;
--color-ballet-slippers-100: #ffdbdc;
--color-ballet-slippers-200: #fdc3c5;
--color-ballet-slippers-300: #e7a2a6;
--color-ballet-slippers-400: #d4848c;
--color-ballet-slippers-500: #c06772;
--color-ballet-slippers-600: #a35860;
--color-ballet-slippers-700: #83464d;
--color-ballet-slippers-800: #613239;
--color-ballet-slippers-900: #442227;
--color-ballet-slippers-950: #2c1115;
}SCSS
$ballet-slippers: #fba4ac;
$ballet-slippers-rgb: 251, 164, 172;
$ballet-slippers-light: mix(#fff, $ballet-slippers, 20%);
$ballet-slippers-dark: mix(#000, $ballet-slippers, 20%);
.element {
color: $ballet-slippers;
box-shadow: 0 0 0 2px rgba($ballet-slippers, 0.35);
}