Colore con nome · #9E5566
Mission Wildflower
Mission Wildflower è #9E5566: rgb(158 85 102), hsl(346 30% 48%), oklch(0.541 0.098 6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mission Wildflower color name →
#9E5566
oklch(0.541 0.098 6)
Conversioni di colore
- HEX
- #9e5566
- RGB
- rgb(158 85 102)
- HSL
- hsl(346 30% 48%)
- HWB
- hwb(346 33% 38%)
- OKLCH
- oklch(0.541 0.098 6)
- OKLab
- oklab(0.541 0.097 0.01)
- CIE Lab
- lab(45.53 32.26 4.4)
- LCH
- lch(45.53 32.56 7.8)
- CMYK
- cmyk(0% 46% 35% 38%)
Tinte · Ombre · Toni
Tinte
- A96574
- B37683
- BD8691
- C797A0
- D1A8AF
- DAB9BF
- E4CACF
- EDDCDE
- F6EDEF
Ombre
- 894958
- 743D4A
- 60313C
- 4D262F
- 3A1C23
- 291117
- 18080C
- 090204
- 010000
Toni
- 9C5A69
- 995E6B
- 97636E
- 946770
- 916C73
- 8E7075
- 8B7478
- 88787B
- 847C7D
Armonie di colore
Complementare +180°
- 9E5566
Mission Wildflower
- 008077
≈ Green Garlands
Analogo -30° +30°
- 9E5566
Mission Wildflower
- 925884
≈ Antique Fuchsia
- 9F5946
≈ Ceramic Brown
Triadico +120° +240°
- 9E5566
Mission Wildflower
- 617936
≈ Mangrove Leaf
- 3974A4
≈ Decoration Blue
Complementare divisa +150° +210°
- 9E5566
Mission Wildflower
- 378056
≈ Kākāriki Green
- 007C92
≈ Jade Shard
Tetradico +90° +180° +270°
- 9E5566
Mission Wildflower
- 806E1F
≈ Tarnished Brass
- 008077
≈ Green Garlands
- 6069A7
≈ Twinkle Night
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.32:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.94:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.32:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--mission-wildflower: #9e5566;
--mission-wildflower-rgb: 158 85 102;
--mission-wildflower-oklch: oklch(0.541 0.098 6);
}
.element {
color: var(--mission-wildflower);
background-color: hsl(346 30% 48%);
border-color: oklch(0.541 0.098 6);
}Tailwind CSS v4
@theme {
--color-mission-wildflower: #9e5566;
--color-mission-wildflower-50: #ffeaf0;
--color-mission-wildflower-100: #ffdbe2;
--color-mission-wildflower-200: #fac4cc;
--color-mission-wildflower-300: #e4a3ae;
--color-mission-wildflower-400: #d08695;
--color-mission-wildflower-500: #bc697c;
--color-mission-wildflower-600: #9f5969;
--color-mission-wildflower-700: #804754;
--color-mission-wildflower-800: #5e333e;
--color-mission-wildflower-900: #42232b;
--color-mission-wildflower-950: #2a1218;
}SCSS
$mission-wildflower: #9e5566;
$mission-wildflower-rgb: 158, 85, 102;
$mission-wildflower-light: mix(#fff, $mission-wildflower, 20%);
$mission-wildflower-dark: mix(#000, $mission-wildflower, 20%);
.element {
color: $mission-wildflower;
box-shadow: 0 0 0 2px rgba($mission-wildflower, 0.35);
}