色名 · #EBD7D3
Peach Glamour
Peach Glamourは#EBD7D3：rgb(235 215 211)、hsl(10 38% 87%)、oklch(0.894 0.023 31.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Peach Glamour color name →
#EBD7D3
oklch(0.894 0.023 31.1)
カラー変換
- HEX
- #ebd7d3
- RGB
- rgb(235 215 211)
- HSL
- hsl(10 38% 87%)
- HWB
- hwb(10 83% 8%)
- OKLCH
- oklch(0.894 0.023 31.1)
- OKLab
- oklab(0.894 0.02 0.012)
- CIE Lab
- lab(87.56 6.65 4.61)
- LCH
- lch(87.56 8.09 34.8)
- CMYK
- cmyk(0% 9% 10% 8%)
ティント · シェード · トーン
ティント
- EDDBD7
- EFDFDC
- F1E3E0
- F3E7E4
- F5EBE9
- F7EFED
- F9F3F2
- FBF7F6
- FDFBFB
シェード
- CCBBB7
- AE9F9C
- 918582
- 756B69
- 5B5251
- 413B3A
- 292524
- 131110
- 030202
トーン
- E0CECA
- D5C5C2
- CABCB9
- BFB3B1
- B4AAA9
- A9A2A0
- 9F9998
- 949190
- 8A8888
カラーハーモニー
補色 +180°
- EBD7D3
Peach Glamour
- CCE1E5
≈ Melting Point
類似色 -30° +30°
- EBD7D3
Peach Glamour
- EAD6DB
≈ Berry Taffy
- E8D9CD
≈ Malted Milk
トライアド +120° +240°
- EBD7D3
Peach Glamour
- D2E1D5
≈ Minty Delight
- D6DCEC
≈ Weeping Wisteria
スプリットコンプリメンタリー +150° +210°
- EBD7D3
Peach Glamour
- CDE1DD
≈ Big Sky
- CFDFEA
≈ Happy Thoughts
テトラード +90° +180° +270°
- EBD7D3
Peach Glamour
- DADFCE
≈ Gin
- CCE1E5
≈ Melting Point
- DED9E9
≈ Eyeshadow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.19:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--peach-glamour: #ebd7d3;
--peach-glamour-rgb: 235 215 211;
--peach-glamour-oklch: oklch(0.894 0.023 31.1);
}
.element {
color: var(--peach-glamour);
background-color: hsl(10 38% 87%);
border-color: oklch(0.894 0.023 31.1);
}Tailwind CSS v4
@theme {
--color-peach-glamour: #ebd7d3;
--color-peach-glamour-50: #fcf3f1;
--color-peach-glamour-100: #efe5e3;
--color-peach-glamour-200: #ded1ce;
--color-peach-glamour-300: #c3b3b0;
--color-peach-glamour-400: #ac9a96;
--color-peach-glamour-500: #95817d;
--color-peach-glamour-600: #7e6d6a;
--color-peach-glamour-700: #655755;
--color-peach-glamour-800: #4a403e;
--color-peach-glamour-900: #332c2a;
--color-peach-glamour-950: #1f1918;
}SCSS
$peach-glamour: #ebd7d3;
$peach-glamour-rgb: 235, 215, 211;
$peach-glamour-light: mix(#fff, $peach-glamour, 20%);
$peach-glamour-dark: mix(#000, $peach-glamour, 20%);
.element {
color: $peach-glamour;
box-shadow: 0 0 0 2px rgba($peach-glamour, 0.35);
}