最も近い色名 · #E7D4D7
#E7D4D7
最も近い色名: Secret Blush
#E7D4D7（rgb(231 212 215)、hsl(351 28% 87%)、oklch(0.886 0.021 6.7)）に最も近い色名はSecret Blushです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E7D4D7
oklch(0.886 0.021 6.7)
カラー変換
- HEX
- #e7d4d7
- RGB
- rgb(231 212 215)
- HSL
- hsl(351 28% 87%)
- HWB
- hwb(351 83% 9%)
- OKLCH
- oklch(0.886 0.021 6.7)
- OKLab
- oklab(0.886 0.021 0.002)
- CIE Lab
- lab(86.55 7.17 1.02)
- LCH
- lch(86.55 7.25 8.1)
- CMYK
- cmyk(0% 8% 7% 9%)
ティント · シェード · トーン
ティント
- E9D8DB
- ECDDDF
- EEE1E3
- F1E5E7
- F3E9EB
- F5EEEF
- F8F2F3
- FAF6F7
- FDFBFB
シェード
- C9B8BB
- AB9D9F
- 8F8385
- 73696B
- 595152
- 403A3B
- 282425
- 131011
- 030202
トーン
- DCCBCE
- D2C3C5
- C7BABC
- BDB2B3
- B2A9AA
- A8A1A2
- 9E9899
- 949091
- 8A8888
カラーハーモニー
補色 +180°
- E7D4D7
Secret Blush
- CBDEDC
≈ Silver Spruce
類似色 -30° +30°
- E7D4D7
Secret Blush
- E3D4DF
≈ Soft Lilac
- E7D5D0
≈ Dawn Pink
トライアド +120° +240°
- E7D4D7
Secret Blush
- D6DCCD
≈ Caribbean Pleasure
- CFDBE7
≈ Blue Silk
スプリットコンプリメンタリー +150° +210°
- E7D4D7
Secret Blush
- CFDED4
≈ Luminous Mist
- CBDDE3
≈ Sea Foam Mist
テトラード +90° +180° +270°
- E7D4D7
Secret Blush
- DDDACA
≈ Tree Moss
- CBDEDC
≈ Silver Spruce
- D5D9E8
≈ Cheerful Whisper
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.41:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.79:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.79:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--secret-blush: #e7d4d7;
--secret-blush-rgb: 231 212 215;
--secret-blush-oklch: oklch(0.886 0.021 6.7);
}
.element {
color: var(--secret-blush);
background-color: hsl(351 28% 87%);
border-color: oklch(0.886 0.021 6.7);
}Tailwind CSS v4
@theme {
--color-secret-blush: #e7d4d7;
--color-secret-blush-50: #fbf3f4;
--color-secret-blush-100: #efe5e6;
--color-secret-blush-200: #ddd1d2;
--color-secret-blush-300: #c2b3b5;
--color-secret-blush-400: #aa999c;
--color-secret-blush-500: #948184;
--color-secret-blush-600: #7d6d6f;
--color-secret-blush-700: #645759;
--color-secret-blush-800: #493f41;
--color-secret-blush-900: #332c2d;
--color-secret-blush-950: #1e191a;
}SCSS
$secret-blush: #e7d4d7;
$secret-blush-rgb: 231, 212, 215;
$secret-blush-light: mix(#fff, $secret-blush, 20%);
$secret-blush-dark: mix(#000, $secret-blush, 20%);
.element {
color: $secret-blush;
box-shadow: 0 0 0 2px rgba($secret-blush, 0.35);
}