Benannte Farbe · #9E5566
Mission Wildflower
Mission Wildflower ist #9E5566: rgb(158 85 102), hsl(346 30% 48%), oklch(0.541 0.098 6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mission Wildflower color name →
#9E5566
oklch(0.541 0.098 6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A96574
- B37683
- BD8691
- C797A0
- D1A8AF
- DAB9BF
- E4CACF
- EDDCDE
- F6EDEF
Shades
- 894958
- 743D4A
- 60313C
- 4D262F
- 3A1C23
- 291117
- 18080C
- 090204
- 010000
Tones
- 9C5A69
- 995E6B
- 97636E
- 946770
- 916C73
- 8E7075
- 8B7478
- 88787B
- 847C7D
Farbharmonien
Komplementär +180°
- 9E5566
Mission Wildflower
- 008077
≈ Green Garlands
Analog -30° +30°
- 9E5566
Mission Wildflower
- 925884
≈ Antique Fuchsia
- 9F5946
≈ Ceramic Brown
Triadisch +120° +240°
- 9E5566
Mission Wildflower
- 617936
≈ Mangrove Leaf
- 3974A4
≈ Decoration Blue
Geteilt komplementär +150° +210°
- 9E5566
Mission Wildflower
- 378056
≈ Kākāriki Green
- 007C92
≈ Jade Shard
Tetradisch +90° +180° +270°
- 9E5566
Mission Wildflower
- 806E1F
≈ Tarnished Brass
- 008077
≈ Green Garlands
- 6069A7
≈ Twinkle Night
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.32:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.94:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.32:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
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);
}