Colore con nome · #AC74A4
Orchid Kiss
Orchid Kiss è #AC74A4: rgb(172 116 164), hsl(309 25% 56%), oklch(0.633 0.096 331.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Orchid Kiss color name →
#AC74A4
oklch(0.633 0.096 331.8)
Conversioni di colore
- HEX
- #ac74a4
- RGB
- rgb(172 116 164)
- HSL
- hsl(309 25% 56%)
- HWB
- hwb(309 45% 33%)
- OKLCH
- oklch(0.633 0.096 331.8)
- OKLab
- oklab(0.633 0.084 -0.045)
- CIE Lab
- lab(56.04 28.4 -16.58)
- LCH
- lch(56.04 32.88 329.7)
- CMYK
- cmyk(0% 33% 5% 33%)
Tinte · Ombre · Toni
Tinte
- B581AD
- BD8FB6
- C69DBF
- CEAAC8
- D6B8D1
- DEC6DA
- E7D4E3
- EFE2EC
- F7F1F6
Ombre
- 95648E
- 7F5479
- 694564
- 543750
- 40293D
- 2D1B2B
- 1B0F1A
- 0B050A
- 010101
Toni
- A876A0
- A4779D
- 9F7899
- 9B7A96
- 977B92
- 927C8F
- 8E7D8B
- 897E87
- 857F84
Armonie di colore
Complementare +180°
- AC74A4
Orchid Kiss
- 5B9B6D
≈ Basil Pesto
Analogo -30° +30°
- AC74A4
Orchid Kiss
- 947CBB
≈ Lavender Purple
- BA7186
≈ Smell the Roses
Triadico +120° +240°
- AC74A4
Orchid Kiss
- 9F8840
≈ Ecru Olive
- 3199AB
≈ Aqua Dance
Complementare divisa +150° +210°
- AC74A4
Orchid Kiss
- 80934F
≈ Camo
- 379D8E
≈ Dioptase Green
Tetradico +90° +180° +270°
- AC74A4
Orchid Kiss
- B47C4A
≈ Cowboy Hat
- 5B9B6D
≈ Basil Pesto
- 5191BF
≈ Azure Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.62:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.78:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--orchid-kiss: #ac74a4;
--orchid-kiss-rgb: 172 116 164;
--orchid-kiss-oklch: oklch(0.633 0.096 331.8);
}
.element {
color: var(--orchid-kiss);
background-color: hsl(309 25% 56%);
border-color: oklch(0.633 0.096 331.8);
}Tailwind CSS v4
@theme {
--color-orchid-kiss: #ac74a4;
--color-orchid-kiss-50: #ffecff;
--color-orchid-kiss-100: #fdddf5;
--color-orchid-kiss-200: #eec6e5;
--color-orchid-kiss-300: #d6a5cc;
--color-orchid-kiss-400: #c089b8;
--color-orchid-kiss-500: #ab6ea3;
--color-orchid-kiss-600: #915d89;
--color-orchid-kiss-700: #744a6e;
--color-orchid-kiss-800: #553652;
--color-orchid-kiss-900: #3b2539;
--color-orchid-kiss-950: #251324;
}SCSS
$orchid-kiss: #ac74a4;
$orchid-kiss-rgb: 172, 116, 164;
$orchid-kiss-light: mix(#fff, $orchid-kiss, 20%);
$orchid-kiss-dark: mix(#000, $orchid-kiss, 20%);
.element {
color: $orchid-kiss;
box-shadow: 0 0 0 2px rgba($orchid-kiss, 0.35);
}