Colore con nome · #D6859F
Primrose
Primrose è #D6859F: rgb(214 133 159), hsl(341 50% 68%), oklch(0.708 0.104 359.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Primrose color name →
#D6859F
oklch(0.708 0.104 359.4)
Conversioni di colore
- HEX
- #d6859f
- RGB
- rgb(214 133 159)
- HSL
- hsl(341 50% 68%)
- HWB
- hwb(341 52% 16%)
- OKLCH
- oklch(0.708 0.104 359.4)
- OKLab
- oklab(0.708 0.104 -0.001)
- CIE Lab
- lab(64.87 34.37 -0.03)
- LCH
- lch(64.87 34.37 359.9)
- CMYK
- cmyk(0% 38% 26% 16%)
Tinte · Ombre · Toni
Tinte
- DB91A8
- E09DB2
- E4A9BB
- E9B5C4
- EDC2CE
- F1CED8
- F5DAE1
- F8E6EB
- FCF3F5
Ombre
- BA738A
- 9E6175
- 845061
- 6A404D
- 52303B
- 3B2129
- 251318
- 100609
- 020101
Toni
- CE859C
- C58599
- BD8496
- B48492
- AC848F
- A3838C
- 9B8289
- 928286
- 898183
Armonie di colore
Complementare +180°
- D6859F
Primrose
- 49B6A3
≈ Sacred Turquoise
Analogo -30° +30°
- D6859F
Primrose
- C589C1
≈ Dragonflies
- DA887B
≈ Island Coral
Triadico +120° +240°
- D6859F
Primrose
- 99AA5D
≈ Springtide Melodies
- 5FAADB
≈ Acapulco Dive
Complementare divisa +150° +210°
- D6859F
Primrose
- 70B37D
≈ Appleton
- 3FB3C4
≈ Utopia Beckons
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.72:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.71:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.71:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--primrose: #d6859f;
--primrose-rgb: 214 133 159;
--primrose-oklch: oklch(0.708 0.104 359.4);
}
.element {
color: var(--primrose);
background-color: hsl(341 50% 68%);
border-color: oklch(0.708 0.104 359.4);
}Tailwind CSS v4
@theme {
--color-primrose: #d6859f;
--color-primrose-50: #ffe9f3;
--color-primrose-100: #ffdae5;
--color-primrose-200: #fbc2d1;
--color-primrose-300: #e5a1b4;
--color-primrose-400: #d1849c;
--color-primrose-500: #bd6784;
--color-primrose-600: #a05870;
--color-primrose-700: #804659;
--color-primrose-800: #5f3243;
--color-primrose-900: #42222e;
--color-primrose-950: #2a111b;
}SCSS
$primrose: #d6859f;
$primrose-rgb: 214, 133, 159;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}