色名 · #E3D2CF
Light Lavender Blush
Light Lavender Blushは#E3D2CF：rgb(227 210 207)、hsl(9 26% 85%)、oklch(0.877 0.019 29.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Lavender Blush color name →
#E3D2CF
oklch(0.877 0.019 29.6)
カラー変換
- HEX
- #e3d2cf
- RGB
- rgb(227 210 207)
- HSL
- hsl(9 26% 85%)
- HWB
- hwb(9 81% 11%)
- OKLCH
- oklch(0.877 0.019 29.6)
- OKLab
- oklab(0.877 0.017 0.01)
- CIE Lab
- lab(85.54 5.71 3.73)
- LCH
- lch(85.54 6.82 33.1)
- CMYK
- cmyk(0% 7% 9% 11%)
ティント · シェード · トーン
ティント
- E6D6D4
- E9DBD8
- EBDFDD
- EEE4E2
- F1E8E7
- F4EDEC
- F7F1F0
- F9F6F5
- FCFAFA
シェード
- C5B6B4
- A89B99
- 8C817F
- 716867
- 57504F
- 3F3938
- 272423
- 121010
- 030202
トーン
- D9C9C7
- CEC1BF
- C4B9B7
- BAB0AF
- B0A8A7
- A6A09F
- 9D9897
- 93908F
- 898888
カラーハーモニー
補色 +180°
- E3D2CF
Light Lavender Blush
- C9DADD
≈ Sky Light View
類似色 -30° +30°
- E3D2CF
Light Lavender Blush
- E2D1D6
≈ Santolina Blooms
- E1D4CA
≈ Castle Beige
トライアド +120° +240°
- E3D2CF
Light Lavender Blush
- CEDAD0
≈ Silicate Light Turquoise
- D1D6E4
≈ Violet Water
スプリットコンプリメンタリー +150° +210°
- E3D2CF
Light Lavender Blush
- CADBD7
≈ Blue Cypress
- CBD9E2
≈ Vanilla Ice Smoke
テトラード +90° +180° +270°
- E3D2CF
Light Lavender Blush
- D5D8CA
≈ Light Green Alabaster
- C9DADD
≈ Sky Light View
- D8D4E2
≈ Heavenly Haze
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.38:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--light-lavender-blush: #e3d2cf;
--light-lavender-blush-rgb: 227 210 207;
--light-lavender-blush-oklch: oklch(0.877 0.019 29.6);
}
.element {
color: var(--light-lavender-blush);
background-color: hsl(9 26% 85%);
border-color: oklch(0.877 0.019 29.6);
}Tailwind CSS v4
@theme {
--color-light-lavender-blush: #e3d2cf;
--color-light-lavender-blush-50: #fbf3f2;
--color-light-lavender-blush-100: #eee6e4;
--color-light-lavender-blush-200: #dcd1cf;
--color-light-lavender-blush-300: #c1b4b1;
--color-light-lavender-blush-400: #aa9a98;
--color-light-lavender-blush-500: #93827f;
--color-light-lavender-blush-600: #7c6e6b;
--color-light-lavender-blush-700: #635856;
--color-light-lavender-blush-800: #49403f;
--color-light-lavender-blush-900: #332c2b;
--color-light-lavender-blush-950: #1e1918;
}SCSS
$light-lavender-blush: #e3d2cf;
$light-lavender-blush-rgb: 227, 210, 207;
$light-lavender-blush-light: mix(#fff, $light-lavender-blush, 20%);
$light-lavender-blush-dark: mix(#000, $light-lavender-blush, 20%);
.element {
color: $light-lavender-blush;
box-shadow: 0 0 0 2px rgba($light-lavender-blush, 0.35);
}