色名 · #F9EEDC
Creamy Cameo
Creamy Cameoは#F9EEDC：rgb(249 238 220)、hsl(37 71% 92%)、oklch(0.953 0.027 80.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Creamy Cameo color name →
#F9EEDC
oklch(0.953 0.027 80.3)
カラー変換
- HEX
- #f9eedc
- RGB
- rgb(249 238 220)
- HSL
- hsl(37 71% 92%)
- HWB
- hwb(37 86% 2%)
- OKLCH
- oklch(0.953 0.027 80.3)
- OKLab
- oklab(0.953 0.005 0.026)
- CIE Lab
- lab(94.61 1.64 10.14)
- LCH
- lch(94.61 10.27 80.8)
- CMYK
- cmyk(0% 4% 12% 2%)
ティント · シェード · トーン
ティント
- FAF0E0
- FAF1E3
- FBF3E7
- FBF5EA
- FCF7EE
- FDF8F1
- FDFAF5
- FEFCF8
- FEFDFC
シェード
- D9CFBF
- B9B1A3
- 9A9388
- 7D776E
- 615C54
- 46423C
- 2C2A26
- 151411
- 030302
トーン
- ECE2D2
- E0D7C9
- D3CCC0
- C7C1B6
- BBB5AD
- AFABA4
- A3A09B
- 979592
- 8B8A89
カラーハーモニー
補色 +180°
- F9EEDC
Creamy Cameo
- E7F0FF
≈ Brilliant White
類似色 -30° +30°
- F9EEDC
Creamy Cameo
- FFEBE0
≈ Pink Glow
- F0F1DD
≈ Hazy Grove
トライアド +120° +240°
- F9EEDC
Creamy Cameo
- DCF5F7
≈ Fishious Rend
- F8EAFB
≈ Placebo Fuchsia
スプリットコンプリメンタリー +150° +210°
- F9EEDC
Creamy Cameo
- DEF3FE
≈ Wizard White
- EFEDFF
≈ Foundation White
テトラード +90° +180° +270°
- F9EEDC
Creamy Cameo
- DFF6ED
≈ Frosty Mint
- E7F0FF
≈ Brilliant White
- FFE9F2
≈ Fairy Dust
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.29:1 · APCA Lc 98
最適な文字色: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--creamy-cameo: #f9eedc;
--creamy-cameo-rgb: 249 238 220;
--creamy-cameo-oklch: oklch(0.953 0.027 80.3);
}
.element {
color: var(--creamy-cameo);
background-color: hsl(37 71% 92%);
border-color: oklch(0.953 0.027 80.3);
}Tailwind CSS v4
@theme {
--color-creamy-cameo: #f9eedc;
--color-creamy-cameo-50: #f9f5ed;
--color-creamy-cameo-100: #ece7de;
--color-creamy-cameo-200: #dad3c8;
--color-creamy-cameo-300: #beb6a8;
--color-creamy-cameo-400: #a79d8d;
--color-creamy-cameo-500: #908573;
--color-creamy-cameo-600: #797061;
--color-creamy-cameo-700: #615a4e;
--color-creamy-cameo-800: #474138;
--color-creamy-cameo-900: #322d26;
--color-creamy-cameo-950: #1d1a15;
}SCSS
$creamy-cameo: #f9eedc;
$creamy-cameo-rgb: 249, 238, 220;
$creamy-cameo-light: mix(#fff, $creamy-cameo, 20%);
$creamy-cameo-dark: mix(#000, $creamy-cameo, 20%);
.element {
color: $creamy-cameo;
box-shadow: 0 0 0 2px rgba($creamy-cameo, 0.35);
}