色名 · #F0EADA
Ivory Steam
Ivory Steamは#F0EADA：rgb(240 234 218)、hsl(44 42% 90%)、oklch(0.937 0.022 89.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ivory Steam color name →
#F0EADA
oklch(0.937 0.022 89.8)
カラー変換
- HEX
- #f0eada
- RGB
- rgb(240 234 218)
- HSL
- hsl(44 42% 90%)
- HWB
- hwb(44 85% 6%)
- OKLCH
- oklch(0.937 0.022 89.8)
- OKLab
- oklab(0.937 0 0.022)
- CIE Lab
- lab(92.85 0.09 8.56)
- LCH
- lch(92.85 8.56 89.4)
- CMYK
- cmyk(0% 3% 9% 6%)
ティント · シェード · トーン
ティント
- F1ECDE
- F3EEE1
- F4F0E5
- F6F2E9
- F7F4EC
- F9F7F0
- FAF9F4
- FCFBF8
- FDFDFB
シェード
- D1CBBD
- B2AEA2
- 959187
- 78756C
- 5D5A54
- 43413C
- 2A2925
- 141311
- 030302
トーン
- E4DFD1
- D9D4C7
- CDC9BE
- C2BEB5
- B6B4AC
- ABA9A3
- A09F9A
- 959491
- 8B8A89
カラーハーモニー
補色 +180°
- F0EADA
Ivory Steam
- E4EAFA
≈ Icy Lilac
類似色 -30° +30°
- F0EADA
Ivory Steam
- F6E7DC
≈ Grandma’s Cameo
- E8EDDC
≈ Chrome Green
トライアド +120° +240°
- F0EADA
Ivory Steam
- DAEFF2
≈ Let It Snow
- F3E5F2
≈ Holographic Lavender
スプリットコンプリメンタリー +150° +210°
- F0EADA
Ivory Steam
- DEEDF8
≈ Ice Fishing
- ECE7F7
≈ Bright Dusk
テトラード +90° +180° +270°
- F0EADA
Ivory Steam
- DBF0EB
≈ Green Frosting
- E4EAFA
≈ Icy Lilac
- F8E5EA
≈ Pink Tutu
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.48:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--ivory-steam: #f0eada;
--ivory-steam-rgb: 240 234 218;
--ivory-steam-oklch: oklch(0.937 0.022 89.8);
}
.element {
color: var(--ivory-steam);
background-color: hsl(44 42% 90%);
border-color: oklch(0.937 0.022 89.8);
}Tailwind CSS v4
@theme {
--color-ivory-steam: #f0eada;
--color-ivory-steam-50: #f7f5ee;
--color-ivory-steam-100: #eae8e0;
--color-ivory-steam-200: #d7d4ca;
--color-ivory-steam-300: #bbb7ab;
--color-ivory-steam-400: #a39e90;
--color-ivory-steam-500: #8c8676;
--color-ivory-steam-600: #767164;
--color-ivory-steam-700: #5f5b50;
--color-ivory-steam-800: #46423a;
--color-ivory-steam-900: #302e28;
--color-ivory-steam-950: #1c1a16;
}SCSS
$ivory-steam: #f0eada;
$ivory-steam-rgb: 240, 234, 218;
$ivory-steam-light: mix(#fff, $ivory-steam, 20%);
$ivory-steam-dark: mix(#000, $ivory-steam, 20%);
.element {
color: $ivory-steam;
box-shadow: 0 0 0 2px rgba($ivory-steam, 0.35);
}