最も近い色名 · #FBF7EF
#FBF7EF
最も近い色名: Dipped in Cream
#FBF7EF（rgb(251 247 239)、hsl(40 60% 96%)、oklch(0.977 0.011 84.6)）に最も近い色名はDipped in Creamです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FBF7EF
oklch(0.977 0.011 84.6)
カラー変換
- HEX
- #fbf7ef
- RGB
- rgb(251 247 239)
- HSL
- hsl(40 60% 96%)
- HWB
- hwb(40 94% 2%)
- OKLCH
- oklch(0.977 0.011 84.6)
- OKLab
- oklab(0.977 0.001 0.011)
- CIE Lab
- lab(97.38 0.36 4.35)
- LCH
- lch(97.38 4.37 85.3)
- CMYK
- cmyk(0% 2% 5% 2%)
ティント · シェード · トーン
ティント
- FBF8F1
- FCF9F2
- FCF9F4
- FDFAF5
- FDFBF7
- FDFCF9
- FEFDFA
- FEFDFC
- FFFEFD
シェード
- DAD7D0
- BAB7B1
- 9C9994
- 7E7C78
- 61605C
- 464542
- 2D2C2A
- 151514
- 030303
トーン
- EEEAE3
- E1DED8
- D5D2CC
- C8C6C1
- BCBAB6
- AFAEAB
- A3A2A0
- 979795
- 8C8B8B
カラーハーモニー
補色 +180°
- FBF7EF
Dipped in Cream
- F4F8FF
≈ Mā White
類似色 -30° +30°
- FBF7EF
Dipped in Cream
- FEF6F0
≈ Seashell
- F7F8F0
≈ White Crest
トライアド +120° +240°
- FBF7EF
Dipped in Cream
- EFFAFB
≈ Distant Horizon
- FCF5FC
≈ Walkie Chalkie
スプリットコンプリメンタリー +150° +210°
- FBF7EF
Dipped in Cream
- F0F9FE
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
テトラード +90° +180° +270°
- FBF7EF
Dipped in Cream
- F0FAF7
≈ Cold White
- F4F8FF
≈ Mā White
- FEF4F8
≈ Sea Salt Sherbet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.06:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.65:1 · APCA Lc 103
最適な文字色: #000000
WCAG 19.65:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--dipped-in-cream: #fbf7ef;
--dipped-in-cream-rgb: 251 247 239;
--dipped-in-cream-oklch: oklch(0.977 0.011 84.6);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(40 60% 96%);
border-color: oklch(0.977 0.011 84.6);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #fbf7ef;
--color-dipped-in-cream-50: #f6f5f1;
--color-dipped-in-cream-100: #e9e8e4;
--color-dipped-in-cream-200: #d6d4cf;
--color-dipped-in-cream-300: #bab7b1;
--color-dipped-in-cream-400: #a19e97;
--color-dipped-in-cream-500: #8a867e;
--color-dipped-in-cream-600: #74716b;
--color-dipped-in-cream-700: #5d5a55;
--color-dipped-in-cream-800: #44423e;
--color-dipped-in-cream-900: #2f2e2b;
--color-dipped-in-cream-950: #1c1a18;
}SCSS
$dipped-in-cream: #fbf7ef;
$dipped-in-cream-rgb: 251, 247, 239;
$dipped-in-cream-light: mix(#fff, $dipped-in-cream, 20%);
$dipped-in-cream-dark: mix(#000, $dipped-in-cream, 20%);
.element {
color: $dipped-in-cream;
box-shadow: 0 0 0 2px rgba($dipped-in-cream, 0.35);
}