Colore con nome · #DE6B86
Kiss Me More
Kiss Me More è #DE6B86: rgb(222 107 134), hsl(346 64% 65%), oklch(0.671 0.145 7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Kiss Me More color name →
#DE6B86
oklch(0.671 0.145 7)
Conversioni di colore
- HEX
- #de6b86
- RGB
- rgb(222 107 134)
- HSL
- hsl(346 64% 65%)
- HWB
- hwb(346 42% 13%)
- OKLCH
- oklch(0.671 0.145 7)
- OKLab
- oklab(0.671 0.144 0.018)
- CIE Lab
- lab(60.1 47.72 7.63)
- LCH
- lch(60.1 48.33 9.1)
- CMYK
- cmyk(0% 52% 40% 13%)
Tinte · Ombre · Toni
Tinte
- E37B91
- E88A9D
- EC99A9
- F0A7B5
- F4B6C1
- F7C5CD
- F9D3D9
- FCE2E6
- FEF0F2
Ombre
- C15C74
- A54E62
- 893F51
- 6F3240
- 552530
- 3D1821
- 260D13
- 120406
- 020001
Toni
- D56E85
- CD7185
- C47484
- BB7684
- B17883
- A87A82
- 9F7C82
- 957D81
- 8B7F81
Armonie di colore
Complementare +180°
- DE6B86
Kiss Me More
- 00ACA2
≈ Teal Me No Lies
Analogo -30° +30°
- DE6B86
Kiss Me More
- CD6FB6
≈ Sky Magenta
- DF7151
≈ Dusty Orange
Triadico +120° +240°
- DE6B86
Kiss Me More
- 7DA536
≈ Spring Vegetables
- 3C9CE9
≈ Button Blue
Complementare divisa +150° +210°
- DE6B86
Kiss Me More
- 2CAF70
≈ Seaweed Green
- 00A7C5
≈ True Sky Blue
Tetradico +90° +180° +270°
- DE6B86
Kiss Me More
- AE9500
≈ Sunken Gold
- 00ACA2
≈ Teal Me No Lies
- 808BED
≈ Perrywinkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.55:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--kiss-me-more: #de6b86;
--kiss-me-more-rgb: 222 107 134;
--kiss-me-more-oklch: oklch(0.671 0.145 7);
}
.element {
color: var(--kiss-me-more);
background-color: hsl(346 64% 65%);
border-color: oklch(0.671 0.145 7);
}Tailwind CSS v4
@theme {
--color-kiss-me-more: #de6b86;
--color-kiss-me-more-50: #ffe5ec;
--color-kiss-me-more-100: #ffd4de;
--color-kiss-me-more-200: #ffbbc7;
--color-kiss-me-more-300: #f797a8;
--color-kiss-me-more-400: #e57790;
--color-kiss-me-more-500: #d25575;
--color-kiss-me-more-600: #b24964;
--color-kiss-me-more-700: #8f3a4f;
--color-kiss-me-more-800: #6a293b;
--color-kiss-me-more-900: #4b1c29;
--color-kiss-me-more-950: #310b17;
}SCSS
$kiss-me-more: #de6b86;
$kiss-me-more-rgb: 222, 107, 134;
$kiss-me-more-light: mix(#fff, $kiss-me-more, 20%);
$kiss-me-more-dark: mix(#000, $kiss-me-more, 20%);
.element {
color: $kiss-me-more;
box-shadow: 0 0 0 2px rgba($kiss-me-more, 0.35);
}