色名 · #EDDBC8
Patisserie
Patisserieは#EDDBC8：rgb(237 219 200)、hsl(31 51% 86%)、oklch(0.901 0.032 68.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Patisserie color name →
#EDDBC8
oklch(0.901 0.032 68.9)
カラー変換
- HEX
- #eddbc8
- RGB
- rgb(237 219 200)
- HSL
- hsl(31 51% 86%)
- HWB
- hwb(31 78% 7%)
- OKLCH
- oklch(0.901 0.032 68.9)
- OKLab
- oklab(0.901 0.012 0.03)
- CIE Lab
- lab(88.51 4.14 11.73)
- LCH
- lch(88.51 12.44 70.6)
- CMYK
- cmyk(0% 8% 16% 7%)
ティント · シェード · トーン
ティント
- EFDFCD
- F1E2D3
- F2E6D8
- F4E9DE
- F6EDE3
- F8F1E9
- FAF4EE
- FBF8F4
- FDFBF9
シェード
- CEBEAE
- B0A294
- 93877B
- 776D63
- 5C544C
- 423C36
- 2A2621
- 14110F
- 030202
トーン
- E2D2C1
- D6C8B9
- CBBFB2
- C0B6AB
- B5ACA3
- AAA39C
- 9F9A95
- 95918E
- 8A8987
カラーハーモニー
補色 +180°
- EDDBC8
Patisserie
- CEE1F3
≈ Hint of Blue
類似色 -30° +30°
- EDDBC8
Patisserie
- F3D8CF
≈ Pink Zest
- E3DFC7
≈ Bamboo
トライアド +120° +240°
- EDDBC8
Patisserie
- C7E6E2
≈ Swan Lake
- E4D9EF
≈ Pouty Purple
スプリットコンプリメンタリー +150° +210°
- EDDBC8
Patisserie
- C8E4ED
≈ Sapphireberry
- D9DDF4
≈ Chinese Silver
テトラード +90° +180° +270°
- EDDBC8
Patisserie
- CDE5D7
≈ Mint Whisper
- CEE1F3
≈ Hint of Blue
- EED7E5
≈ All Made Up
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.56:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--patisserie: #eddbc8;
--patisserie-rgb: 237 219 200;
--patisserie-oklch: oklch(0.901 0.032 68.9);
}
.element {
color: var(--patisserie);
background-color: hsl(31 51% 86%);
border-color: oklch(0.901 0.032 68.9);
}Tailwind CSS v4
@theme {
--color-patisserie: #eddbc8;
--color-patisserie-50: #fbf4eb;
--color-patisserie-100: #efe6dd;
--color-patisserie-200: #ddd2c6;
--color-patisserie-300: #c2b5a6;
--color-patisserie-400: #ab9b8a;
--color-patisserie-500: #95836f;
--color-patisserie-600: #7e6f5f;
--color-patisserie-700: #65584b;
--color-patisserie-800: #4a4037;
--color-patisserie-900: #332c25;
--color-patisserie-950: #1f1914;
}SCSS
$patisserie: #eddbc8;
$patisserie-rgb: 237, 219, 200;
$patisserie-light: mix(#fff, $patisserie, 20%);
$patisserie-dark: mix(#000, $patisserie, 20%);
.element {
color: $patisserie;
box-shadow: 0 0 0 2px rgba($patisserie, 0.35);
}