色名 · #FFFCDA
Cheesecake
Cheesecakeは#FFFCDA：rgb(255 252 218)、hsl(55 100% 93%)、oklch(0.985 0.044 103)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Cheesecake color name →
#FFFCDA
oklch(0.985 0.044 103)
カラー変換
- HEX
- #fffcda
- RGB
- rgb(255 252 218)
- HSL
- hsl(55 100% 93%)
- HWB
- hwb(55 85% 0%)
- OKLCH
- oklch(0.985 0.044 103)
- OKLab
- oklab(0.985 -0.01 0.043)
- CIE Lab
- lab(98.55 -3.06 16.74)
- LCH
- lch(98.55 17.02 100.4)
- CMYK
- cmyk(0% 1% 15% 0%)
ティント · シェード · トーン
ティント
- FFFCDE
- FFFDE2
- FFFDE5
- FFFDE9
- FFFEED
- FFFEF0
- FFFEF4
- FFFEF8
- FFFFFB
シェード
- DEDBBD
- BEBBA2
- 9E9C87
- 807E6C
- 636254
- 48473C
- 2E2D25
- 161611
- 030302
トーン
- F2EFD1
- E4E2C7
- D7D5BE
- CAC9B5
- BDBCAC
- B1B0A3
- A4A49A
- 989891
- 8C8C89
カラーハーモニー
補色 +180°
- FFFCDA
Cheesecake
- F9F9FF
≈ Ghost White
類似色 -30° +30°
- FFFCDA
Cheesecake
- FFF9F2
≈ Sugar Milk
- F2FFEA
≈ Crème de Menthe
トライアド +120° +240°
- FFFCDA
Cheesecake
- F3FCFF
≈ Heart of Ice
- FFF8FC
≈ Cold Snow
スプリットコンプリメンタリー +150° +210°
- FFFCDA
Cheesecake
- F7FAFF
≈ Heart of Ice
- FCF8FF
≈ Cold Snow
テトラード +90° +180° +270°
- FFFCDA
Cheesecake
- EAFFFE
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.04:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 20.18:1 · APCA Lc 105
最適な文字色: #000000
WCAG 20.18:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--cheesecake: #fffcda;
--cheesecake-rgb: 255 252 218;
--cheesecake-oklch: oklch(0.985 0.044 103);
}
.element {
color: var(--cheesecake);
background-color: hsl(55 100% 93%);
border-color: oklch(0.985 0.044 103);
}Tailwind CSS v4
@theme {
--color-cheesecake: #fffcda;
--color-cheesecake-50: #f7f6e8;
--color-cheesecake-100: #eae9d8;
--color-cheesecake-200: #d7d6c0;
--color-cheesecake-300: #bab99f;
--color-cheesecake-400: #a3a082;
--color-cheesecake-500: #8b8866;
--color-cheesecake-600: #767356;
--color-cheesecake-700: #5e5c45;
--color-cheesecake-800: #454331;
--color-cheesecake-900: #302e21;
--color-cheesecake-950: #1c1b11;
}SCSS
$cheesecake: #fffcda;
$cheesecake-rgb: 255, 252, 218;
$cheesecake-light: mix(#fff, $cheesecake, 20%);
$cheesecake-dark: mix(#000, $cheesecake, 20%);
.element {
color: $cheesecake;
box-shadow: 0 0 0 2px rgba($cheesecake, 0.35);
}