Benannte Farbe · #405E5C
Rosemary
Rosemary ist #405E5C: rgb(64 94 92), hsl(176 19% 31%), oklch(0.458 0.035 190.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Rosemary color name →
#405E5C
oklch(0.458 0.035 190.8)
Farbumrechnungen
- HEX
- #405e5c
- RGB
- rgb(64 94 92)
- HSL
- hsl(176 19% 31%)
- HWB
- hwb(176 25% 63%)
- OKLCH
- oklch(0.458 0.035 190.8)
- OKLab
- oklab(0.458 -0.035 -0.007)
- CIE Lab
- lab(37.51 -11.85 -2.6)
- LCH
- lch(37.51 12.13 192.4)
- CMYK
- cmyk(32% 0% 2% 63%)
Tints · Shades · Tones
Tints
- 526D6B
- 647C7A
- 768B8A
- 889B9A
- 9BABAA
- AFBBBA
- C2CCCB
- D6DDDC
- EAEEED
Shades
- 36514F
- 2D4442
- 243736
- 1B2B2A
- 131F1F
- 0B1414
- 050A0A
- 010303
- 000000
Tones
- 476160
- 4D6563
- 536867
- 5A6C6A
- 606F6E
- 677271
- 6D7675
- 737979
- 7A7D7C
Farbharmonien
Komplementär +180°
- 405E5C
Rosemary
- 6A4F53
≈ Flamboyant Plum
Analog -30° +30°
- 405E5C
Rosemary
- 465E51
≈ Cilantro
- 415C65
≈ Hypothalamus Grey
Triadisch +120° +240°
- 405E5C
Rosemary
- 5E5266
≈ Muscat Grape
- 645442
≈ Hickory Grove
Geteilt komplementär +150° +210°
- 405E5C
Rosemary
- 66505D
≈ Purple Trinket
- 695148
≈ Bargeboard Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.06:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--rosemary: #405e5c;
--rosemary-rgb: 64 94 92;
--rosemary-oklch: oklch(0.458 0.035 190.8);
}
.element {
color: var(--rosemary);
background-color: hsl(176 19% 31%);
border-color: oklch(0.458 0.035 190.8);
}Tailwind CSS v4
@theme {
--color-rosemary: #405e5c;
--color-rosemary-50: #eaf9f8;
--color-rosemary-100: #dbeceb;
--color-rosemary-200: #c4d9d8;
--color-rosemary-300: #a3bdbc;
--color-rosemary-400: #87a6a3;
--color-rosemary-500: #6b8e8c;
--color-rosemary-600: #5b7876;
--color-rosemary-700: #49605e;
--color-rosemary-800: #344645;
--color-rosemary-900: #243130;
--color-rosemary-950: #131d1c;
}SCSS
$rosemary: #405e5c;
$rosemary-rgb: 64, 94, 92;
$rosemary-light: mix(#fff, $rosemary, 20%);
$rosemary-dark: mix(#000, $rosemary, 20%);
.element {
color: $rosemary;
box-shadow: 0 0 0 2px rgba($rosemary, 0.35);
}