最も近い色名 · #FFF0ED
#FFF0ED
最も近い色名: Voracious White
#FFF0ED（rgb(255 240 237)、hsl(10 100% 96%)、oklch(0.966 0.017 31.1)）に最も近い色名はVoracious Whiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFF0ED
oklch(0.966 0.017 31.1)
カラー変換
- HEX
- #fff0ed
- RGB
- rgb(255 240 237)
- HSL
- hsl(10 100% 96%)
- HWB
- hwb(10 93% 0%)
- OKLCH
- oklch(0.966 0.017 31.1)
- OKLab
- oklab(0.966 0.014 0.009)
- CIE Lab
- lab(95.93 4.86 3.36)
- LCH
- lch(95.93 5.91 34.7)
- CMYK
- cmyk(0% 6% 7% 0%)
ティント · シェード · トーン
ティント
- FFF1EF
- FFF3F1
- FFF4F2
- FFF6F4
- FFF7F6
- FFF9F8
- FFFAFA
- FFFCFB
- FFFDFD
シェード
- DED1CE
- BEB2B0
- 9E9593
- 807877
- 635D5C
- 484342
- 2E2A2A
- 161414
- 030303
トーン
- F2E4E2
- E4D9D6
- D7CDCB
- CAC2C0
- BEB6B5
- B1ABAA
- A4A09F
- 989595
- 8C8B8A
カラーハーモニー
補色 +180°
- FFF0ED
Voracious White
- E8F7FA
≈ Clear Skies
類似色 -30° +30°
- FFF0ED
Voracious White
- FEEFF3
≈ Powder Puff
- FDF2E9
≈ Pico Ivory
トライアド +120° +240°
- FFF0ED
Voracious White
- ECF7EE
≈ Soft Petals
- F0F4FF
≈ Boysenberry Shadow
スプリットコンプリメンタリー +150° +210°
- FFF0ED
Voracious White
- E8F8F4
≈ Melting Glacier
- EAF6FE
≈ Clear Skies
テトラード +90° +180° +270°
- FFF0ED
Voracious White
- F2F6E9
≈ Applemint Soda
- E8F7FA
≈ Clear Skies
- F5F1FE
≈ Cloud Break
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.10:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.93:1 · APCA Lc 100
最適な文字色: #000000
WCAG 18.93:1 (AAA) · APCA Lc 100
Contrast pairs
コードスニペット
CSS
:root {
--voracious-white: #fff0ed;
--voracious-white-rgb: 255 240 237;
--voracious-white-oklch: oklch(0.966 0.017 31.1);
}
.element {
color: var(--voracious-white);
background-color: hsl(10 100% 96%);
border-color: oklch(0.966 0.017 31.1);
}Tailwind CSS v4
@theme {
--color-voracious-white: #fff0ed;
--color-voracious-white-50: #faf3f2;
--color-voracious-white-100: #ede6e4;
--color-voracious-white-200: #dbd2d0;
--color-voracious-white-300: #c0b4b2;
--color-voracious-white-400: #a89b98;
--color-voracious-white-500: #91827f;
--color-voracious-white-600: #7b6e6c;
--color-voracious-white-700: #625856;
--color-voracious-white-800: #48403f;
--color-voracious-white-900: #322c2b;
--color-voracious-white-950: #1e1919;
}SCSS
$voracious-white: #fff0ed;
$voracious-white-rgb: 255, 240, 237;
$voracious-white-light: mix(#fff, $voracious-white, 20%);
$voracious-white-dark: mix(#000, $voracious-white, 20%);
.element {
color: $voracious-white;
box-shadow: 0 0 0 2px rgba($voracious-white, 0.35);
}