最も近い色名 · #FADBC2
#FADBC2
最も近い色名: Sablé
#FADBC2（rgb(250 219 194)、hsl(27 85% 87%)、oklch(0.911 0.048 61)）に最も近い色名はSabléです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FADBC2
oklch(0.911 0.048 61)
カラー変換
- HEX
- #fadbc2
- RGB
- rgb(250 219 194)
- HSL
- hsl(27 85% 87%)
- HWB
- hwb(27 76% 2%)
- OKLCH
- oklch(0.911 0.048 61)
- OKLab
- oklab(0.911 0.023 0.042)
- CIE Lab
- lab(89.54 8.31 16.5)
- LCH
- lch(89.54 18.47 63.3)
- CMYK
- cmyk(0% 12% 22% 2%)
ティント · シェード · トーン
ティント
- FBDFC8
- FBE2CE
- FCE6D4
- FCE9DA
- FDEDE0
- FDF1E7
- FEF4ED
- FEF8F3
- FFFBF9
シェード
- D9BEA8
- BAA28F
- 9B8777
- 7D6D60
- 615449
- 463C34
- 2D2620
- 15110E
- 030202
トーン
- EDD2BB
- E1C8B5
- D4BFAE
- C8B6A7
- BBADA1
- AFA39A
- A39A94
- 97928D
- 8C8986
カラーハーモニー
補色 +180°
- FADBC2
Sablé
- C6E6FF
≈ Icy Landscape
類似色 -30° +30°
- FADBC2
Sablé
- FFD7CF
≈ Shy Girl
- EDE1BE
≈ Beurre Blanc
トライアド +120° +240°
- FADBC2
Sablé
- C0EDE3
≈ Clear Aqua
- E7DBFD
≈ Lavender Savour
スプリットコンプリメンタリー +150° +210°
- FADBC2
Sablé
- BEEBF4
≈ Icy Breeze
- D7E1FF
≈ Contrail
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.97:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--sable: #fadbc2;
--sable-rgb: 250 219 194;
--sable-oklch: oklch(0.911 0.048 61);
}
.element {
color: var(--sable);
background-color: hsl(27 85% 87%);
border-color: oklch(0.911 0.048 61);
}Tailwind CSS v4
@theme {
--color-sable: #fadbc2;
--color-sable-50: #fff3e7;
--color-sable-100: #f4e5d8;
--color-sable-200: #e4d0c0;
--color-sable-300: #cab39f;
--color-sable-400: #b49882;
--color-sable-500: #9e7f66;
--color-sable-600: #866c57;
--color-sable-700: #6b5645;
--color-sable-800: #4f3f32;
--color-sable-900: #372b22;
--color-sable-950: #221811;
}SCSS
$sable: #fadbc2;
$sable-rgb: 250, 219, 194;
$sable-light: mix(#fff, $sable, 20%);
$sable-dark: mix(#000, $sable, 20%);
.element {
color: $sable;
box-shadow: 0 0 0 2px rgba($sable, 0.35);
}