色名 · #F0F5BB
Chiffon
Chiffonは#F0F5BB：rgb(240 245 187)、hsl(65 74% 85%)、oklch(0.952 0.075 111.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Chiffon color name →
#F0F5BB
oklch(0.952 0.075 111.8)
カラー変換
- HEX
- #f0f5bb
- RGB
- rgb(240 245 187)
- HSL
- hsl(65 74% 85%)
- HWB
- hwb(65 73% 4%)
- OKLCH
- oklch(0.952 0.075 111.8)
- OKLab
- oklab(0.952 -0.028 0.07)
- CIE Lab
- lab(95.1 -8.53 27.47)
- LCH
- lch(95.1 28.76 107.2)
- CMYK
- cmyk(2% 0% 24% 4%)
ティント · シェード · トーン
ティント
- F1F6C2
- F3F7C9
- F4F8D0
- F6F9D7
- F7FADE
- F9FBE4
- FAFCEB
- FCFDF2
- FDFEF8
シェード
- D1D5A2
- B2B68A
- 959873
- 787B5C
- 5D5F46
- 434432
- 2A2B1F
- 14150D
- 030302
トーン
- E4E9B5
- D9DDAF
- CDD1AA
- C2C5A4
- B6B99E
- ABAD98
- A0A292
- 95968C
- 8B8B86
カラーハーモニー
補色 +180°
- F0F5BB
Chiffon
- EFEDFF
≈ Foundation White
類似色 -30° +30°
- F0F5BB
Chiffon
- FFEDCD
≈ Provence Creme
- D4FDCE
≈ Distilled Moss
トライアド +120° +240°
- F0F5BB
Chiffon
- DEF3FF
≈ Wizard White
- FFE8F1
≈ Fairy Dust
スプリットコンプリメンタリー +150° +210°
- F0F5BB
Chiffon
- E7F0FF
≈ Brilliant White
- FCE7FF
≈ Fairy Bubblegum Cloud
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.13:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.48:1 · APCA Lc 98
最適な文字色: #000000
WCAG 18.48:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--chiffon: #f0f5bb;
--chiffon-rgb: 240 245 187;
--chiffon-oklch: oklch(0.952 0.075 111.8);
}
.element {
color: var(--chiffon);
background-color: hsl(65 74% 85%);
border-color: oklch(0.952 0.075 111.8);
}Tailwind CSS v4
@theme {
--color-chiffon: #f0f5bb;
--color-chiffon-50: #f4f8e0;
--color-chiffon-100: #e7ebcf;
--color-chiffon-200: #d3d8b4;
--color-chiffon-300: #b6bc90;
--color-chiffon-400: #9fa36f;
--color-chiffon-500: #878b4f;
--color-chiffon-600: #727644;
--color-chiffon-700: #5c5e36;
--color-chiffon-800: #444525;
--color-chiffon-900: #2f2f19;
--color-chiffon-950: #1b1c0a;
}SCSS
$chiffon: #f0f5bb;
$chiffon-rgb: 240, 245, 187;
$chiffon-light: mix(#fff, $chiffon, 20%);
$chiffon-dark: mix(#000, $chiffon, 20%);
.element {
color: $chiffon;
box-shadow: 0 0 0 2px rgba($chiffon, 0.35);
}