Colore con nome · #CE7790
Devilish Diva
Devilish Diva è #CE7790: rgb(206 119 144), hsl(343 47% 64%), oklch(0.671 0.112 2.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Devilish Diva color name →
#CE7790
oklch(0.671 0.112 2.1)
Conversioni di colore
- HEX
- #ce7790
- RGB
- rgb(206 119 144)
- HSL
- hsl(343 47% 64%)
- HWB
- hwb(343 47% 19%)
- OKLCH
- oklch(0.671 0.112 2.1)
- OKLab
- oklab(0.671 0.112 0.004)
- CIE Lab
- lab(60.47 36.99 2.02)
- LCH
- lch(60.47 37.05 3.1)
- CMYK
- cmyk(0% 42% 30% 19%)
Tinte · Ombre · Toni
Tinte
- D4859B
- DA92A5
- DFA0B0
- E5ADBB
- EABBC6
- EEC8D1
- F3D6DC
- F7E3E8
- FBF1F3
Ombre
- B3677D
- 98576A
- 7F4757
- 663845
- 4E2A34
- 381C24
- 231015
- 0F0507
- 020101
Toni
- C7788E
- BF7A8D
- B87B8B
- B07C8A
- A97D88
- A17E86
- 997E85
- 917F83
- 898082
Armonie di colore
Complementare +180°
- CE7790
Devilish Diva
- 26AC9B
≈ Pool Green
Analogo -30° +30°
- CE7790
Devilish Diva
- BE7BB4
≈ Colombo Red Mauve
- D17A69
≈ Masoho Red
Triadico +120° +240°
- CE7790
Devilish Diva
- 8AA04E
≈ Nasturtium Shoot
- 509DD4
≈ Peaceful River
Complementare divisa +150° +210°
- CE7790
Devilish Diva
- 5CA973
≈ Aqua Forest
- 1CA7BE
≈ Minted Blue
Tetradico +90° +180° +270°
- CE7790
Devilish Diva
- AE933A
≈ Balsam Pear
- 26AC9B
≈ Pool Green
- 7E91DB
≈ Mystic Iris
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.66:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--devilish-diva: #ce7790;
--devilish-diva-rgb: 206 119 144;
--devilish-diva-oklch: oklch(0.671 0.112 2.1);
}
.element {
color: var(--devilish-diva);
background-color: hsl(343 47% 64%);
border-color: oklch(0.671 0.112 2.1);
}Tailwind CSS v4
@theme {
--color-devilish-diva: #ce7790;
--color-devilish-diva-50: #ffe9f1;
--color-devilish-diva-100: #ffd9e3;
--color-devilish-diva-200: #ffc1ce;
--color-devilish-diva-300: #e99fb1;
--color-devilish-diva-400: #d58299;
--color-devilish-diva-500: #c26480;
--color-devilish-diva-600: #a4556d;
--color-devilish-diva-700: #834457;
--color-devilish-diva-800: #613141;
--color-devilish-diva-900: #44212d;
--color-devilish-diva-950: #2c101a;
}SCSS
$devilish-diva: #ce7790;
$devilish-diva-rgb: 206, 119, 144;
$devilish-diva-light: mix(#fff, $devilish-diva, 20%);
$devilish-diva-dark: mix(#000, $devilish-diva, 20%);
.element {
color: $devilish-diva;
box-shadow: 0 0 0 2px rgba($devilish-diva, 0.35);
}