Colore con nome · #E6999D
All Dressed Up
All Dressed Up è #E6999D: rgb(230 153 157), hsl(357 61% 75%), oklch(0.76 0.093 16.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · All Dressed Up color name →
#E6999D
oklch(0.76 0.093 16.1)
Conversioni di colore
- HEX
- #e6999d
- RGB
- rgb(230 153 157)
- HSL
- hsl(357 61% 75%)
- HWB
- hwb(357 60% 10%)
- OKLCH
- oklch(0.76 0.093 16.1)
- OKLab
- oklab(0.76 0.089 0.026)
- CIE Lab
- lab(71.2 30.04 10.4)
- LCH
- lch(71.2 31.79 19.1)
- CMYK
- cmyk(0% 33% 32% 10%)
Tinte · Ombre · Toni
Tinte
- E9A3A6
- ECADB0
- EFB8BA
- F2C2C3
- F5CCCD
- F7D6D7
- F9E0E1
- FCEAEB
- FDF5F5
Ombre
- C88488
- AB7073
- 8E5D5F
- 734A4C
- 59383A
- 402728
- 281718
- 130809
- 030101
Toni
- DC979A
- D29497
- C89294
- BD9091
- B38D8E
- A98B8C
- 9F8889
- 958586
- 8A8383
Armonie di colore
Complementare +180°
- E6999D
All Dressed Up
- 61C4C4
≈ Chinese Lacquer
Analogo -30° +30°
- E6999D
All Dressed Up
- DD99BE
≈ Soft Matte
- E39F7F
≈ Pecos Spice
Triadico +120° +240°
- E6999D
All Dressed Up
- 96BF84
≈ Hearty Hosta
- 8AB4EC
≈ Fly Away
Complementare divisa +150° +210°
- E6999D
All Dressed Up
- 74C4A4
≈ Gem Silica
- 6CBEDE
≈ Bluebrite
Tetradico +90° +180° +270°
- E6999D
All Dressed Up
- B9B56E
≈ Golden Green
- 61C4C4
≈ Chinese Lacquer
- ACA9EA
≈ Maximum Blue Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.40:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--all-dressed-up: #e6999d;
--all-dressed-up-rgb: 230 153 157;
--all-dressed-up-oklch: oklch(0.76 0.093 16.1);
}
.element {
color: var(--all-dressed-up);
background-color: hsl(357 61% 75%);
border-color: oklch(0.76 0.093 16.1);
}Tailwind CSS v4
@theme {
--color-all-dressed-up: #e6999d;
--color-all-dressed-up-50: #ffebeb;
--color-all-dressed-up-100: #ffdcdc;
--color-all-dressed-up-200: #fac5c5;
--color-all-dressed-up-300: #e3a5a5;
--color-all-dressed-up-400: #cf888c;
--color-all-dressed-up-500: #bb6b71;
--color-all-dressed-up-600: #9e5b60;
--color-all-dressed-up-700: #7f494c;
--color-all-dressed-up-800: #5e3438;
--color-all-dressed-up-900: #422427;
--color-all-dressed-up-950: #2a1215;
}SCSS
$all-dressed-up: #e6999d;
$all-dressed-up-rgb: 230, 153, 157;
$all-dressed-up-light: mix(#fff, $all-dressed-up, 20%);
$all-dressed-up-dark: mix(#000, $all-dressed-up, 20%);
.element {
color: $all-dressed-up;
box-shadow: 0 0 0 2px rgba($all-dressed-up, 0.35);
}