Benannte Farbe · #97495A
Haitian Flower
Haitian Flower ist #97495A: rgb(151 73 90), hsl(347 35% 44%), oklch(0.508 0.106 7.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Haitian Flower color name →
#97495A
oklch(0.508 0.106 7.8)
Farbumrechnungen
- HEX
- #97495a
- RGB
- rgb(151 73 90)
- HSL
- hsl(347 35% 44%)
- HWB
- hwb(347 29% 41%)
- OKLCH
- oklch(0.508 0.106 7.8)
- OKLab
- oklab(0.508 0.105 0.014)
- CIE Lab
- lab(41.66 34.68 6.11)
- LCH
- lch(41.66 35.21 10)
- CMYK
- cmyk(0% 52% 40% 41%)
Tints · Shades · Tones
Tints
- A25B69
- AE6C78
- B97E88
- C39098
- CEA2A9
- D8B4B9
- E2C6CA
- ECD9DC
- F6ECED
Shades
- 833E4D
- 6F3441
- 5C2A35
- 492029
- 37171E
- 260E13
- 170609
- 080203
- 010000
Tones
- 964F5E
- 945561
- 925B65
- 906169
- 8E666D
- 8C6B71
- 897174
- 877678
- 837B7C
Farbharmonien
Komplementär +180°
- 97495A
Haitian Flower
- 00756F
≈ Mermaid Harbour
Analog -30° +30°
- 97495A
Haitian Flower
- 8B4C7B
≈ Thistle Mauve
- 984D37
≈ Spicy Hue
Triadisch +120° +240°
- 97495A
Haitian Flower
- 547027
≈ Loren Forest
- 2C699F
≈ Blues
Geteilt komplementär +150° +210°
- 97495A
Haitian Flower
- 20774D
≈ Poplar Forest
- 007188
≈ Waterworld
Tetradisch +90° +180° +270°
- 97495A
Haitian Flower
- 766500
≈ Arousing Alligator
- 00756F
≈ Mermaid Harbour
- 585EA1
≈ Violet Storm
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.14:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.41:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--haitian-flower: #97495a;
--haitian-flower-rgb: 151 73 90;
--haitian-flower-oklch: oklch(0.508 0.106 7.8);
}
.element {
color: var(--haitian-flower);
background-color: hsl(347 35% 44%);
border-color: oklch(0.508 0.106 7.8);
}Tailwind CSS v4
@theme {
--color-haitian-flower: #97495a;
--color-haitian-flower-50: #ffe9ee;
--color-haitian-flower-100: #ffdae0;
--color-haitian-flower-200: #fec2ca;
--color-haitian-flower-300: #e8a1ab;
--color-haitian-flower-400: #d48493;
--color-haitian-flower-500: #c06679;
--color-haitian-flower-600: #a25766;
--color-haitian-flower-700: #824552;
--color-haitian-flower-800: #61323d;
--color-haitian-flower-900: #44222a;
--color-haitian-flower-950: #2c1117;
}SCSS
$haitian-flower: #97495a;
$haitian-flower-rgb: 151, 73, 90;
$haitian-flower-light: mix(#fff, $haitian-flower, 20%);
$haitian-flower-dark: mix(#000, $haitian-flower, 20%);
.element {
color: $haitian-flower;
box-shadow: 0 0 0 2px rgba($haitian-flower, 0.35);
}