Nazwany kolor · #E3D5D8
Velvet Blush
Velvet Blush to #E3D5D8: rgb(227 213 216), hsl(347 20% 86%), oklch(0.885 0.016 2.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Velvet Blush color name →
#E3D5D8
oklch(0.885 0.016 2.7)
Konwersje koloru
- HEX
- #e3d5d8
- RGB
- rgb(227 213 216)
- HSL
- hsl(347 20% 86%)
- HWB
- hwb(347 84% 11%)
- OKLCH
- oklch(0.885 0.016 2.7)
- OKLab
- oklab(0.885 0.016 0.001)
- CIE Lab
- lab(86.48 5.37 0.34)
- LCH
- lch(86.48 5.39 3.6)
- CMYK
- cmyk(0% 6% 5% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6D9DC
- E9DDE0
- EBE1E4
- EEE6E7
- F1EAEB
- F4EEEF
- F7F2F3
- F9F6F7
- FCFBFB
Odcienie ciemniejsze
- C5B9BC
- A89EA0
- 8C8385
- 716A6B
- 575153
- 3F3A3B
- 272425
- 121011
- 030202
Tony
- D9CCCF
- CEC3C6
- C4BBBD
- BAB2B4
- B0AAAB
- A6A1A2
- 9D9999
- 939091
- 898888
Harmonie kolorów
Komplementarna +180°
- E3D5D8
Velvet Blush
- CEDDDA
≈ Jade Dust
Analogowa -30° +30°
- E3D5D8
Velvet Blush
- E0D5DE
≈ Soft Lilac
- E3D6D2
≈ Most Delicate
Triada +120° +240°
- E3D5D8
Velvet Blush
- D7DBD0
≈ Feather Fern
- D1DBE3
≈ London Lights
Komplementarna rozszczepiona +150° +210°
- E3D5D8
Velvet Blush
- D2DCD4
≈ Kingston
- CEDCDF
≈ Polar Soft Blue
Tetrada +90° +180° +270°
- E3D5D8
Velvet Blush
- DDD9CE
≈ Campfire Ash
- CEDDDA
≈ Jade Dust
- D5D9E4
≈ So Blue-Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.77:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--velvet-blush: #e3d5d8;
--velvet-blush-rgb: 227 213 216;
--velvet-blush-oklch: oklch(0.885 0.016 2.7);
}
.element {
color: var(--velvet-blush);
background-color: hsl(347 20% 86%);
border-color: oklch(0.885 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-velvet-blush: #e3d5d8;
--color-velvet-blush-50: #f9f3f4;
--color-velvet-blush-100: #ede6e7;
--color-velvet-blush-200: #dbd1d3;
--color-velvet-blush-300: #bfb4b6;
--color-velvet-blush-400: #a79b9d;
--color-velvet-blush-500: #908285;
--color-velvet-blush-600: #7a6e71;
--color-velvet-blush-700: #61585a;
--color-velvet-blush-800: #474042;
--color-velvet-blush-900: #312c2d;
--color-velvet-blush-950: #1d191a;
}SCSS
$velvet-blush: #e3d5d8;
$velvet-blush-rgb: 227, 213, 216;
$velvet-blush-light: mix(#fff, $velvet-blush, 20%);
$velvet-blush-dark: mix(#000, $velvet-blush, 20%);
.element {
color: $velvet-blush;
box-shadow: 0 0 0 2px rgba($velvet-blush, 0.35);
}