最も近い色名 · #FAEBDE
#FAEBDE
最も近い色名: Alpaca
#FAEBDE（rgb(250 235 222)、hsl(28 74% 93%)、oklch(0.948 0.024 63.5)）に最も近い色名はAlpacaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FAEBDE
oklch(0.948 0.024 63.5)
カラー変換
- HEX
- #faebde
- RGB
- rgb(250 235 222)
- HSL
- hsl(28 74% 93%)
- HWB
- hwb(28 87% 2%)
- OKLCH
- oklch(0.948 0.024 63.5)
- OKLab
- oklab(0.948 0.011 0.021)
- CIE Lab
- lab(93.99 3.67 8.25)
- LCH
- lch(93.99 9.03 66)
- CMYK
- cmyk(0% 6% 11% 2%)
ティント · シェード · トーン
ティント
- FBEDE1
- FBEFE5
- FCF1E8
- FCF3EB
- FDF5EE
- FDF7F2
- FEF9F5
- FEFBF8
- FFFDFC
シェード
- D9CCC1
- BAAEA5
- 9B9189
- 7D756F
- 615B55
- 46413D
- 2D2926
- 151312
- 030302
トーン
- EDE0D4
- E0D5CA
- D4CAC1
- C7BFB7
- BBB4AE
- AFA9A5
- A39F9B
- 979492
- 8C8A89
カラーハーモニー
補色 +180°
- FAEBDE
Alpaca
- E1F0FD
≈ Wizard White
類似色 -30° +30°
- FAEBDE
Alpaca
- FEE9E4
≈ Quartz Light Pink
- F3EEDC
≈ Spice Ivory
トライアド +120° +240°
- FAEBDE
Alpaca
- DDF4EF
≈ Glacier Bay
- F1EAFC
≈ Placebo Purple
スプリットコンプリメンタリー +150° +210°
- FAEBDE
Alpaca
- DDF3F8
≈ Coastal Breeze
- E8EDFF
≈ Brilliant White
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 18.00:1 · APCA Lc 96
最適な文字色: #000000
WCAG 18.00:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--alpaca: #faebde;
--alpaca-rgb: 250 235 222;
--alpaca-oklch: oklch(0.948 0.024 63.5);
}
.element {
color: var(--alpaca);
background-color: hsl(28 74% 93%);
border-color: oklch(0.948 0.024 63.5);
}Tailwind CSS v4
@theme {
--color-alpaca: #faebde;
--color-alpaca-50: #faf4ee;
--color-alpaca-100: #eee6e0;
--color-alpaca-200: #dcd2ca;
--color-alpaca-300: #c0b5ab;
--color-alpaca-400: #a99c90;
--color-alpaca-500: #928376;
--color-alpaca-600: #7b6f64;
--color-alpaca-700: #635950;
--color-alpaca-800: #49413a;
--color-alpaca-900: #322d28;
--color-alpaca-950: #1e1a16;
}SCSS
$alpaca: #faebde;
$alpaca-rgb: 250, 235, 222;
$alpaca-light: mix(#fff, $alpaca, 20%);
$alpaca-dark: mix(#000, $alpaca, 20%);
.element {
color: $alpaca;
box-shadow: 0 0 0 2px rgba($alpaca, 0.35);
}