Benannte Farbe · #9F3645
Bright Lady
Bright Lady ist #9F3645: rgb(159 54 69), hsl(351 49% 42%), oklch(0.488 0.139 15.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bright Lady color name →
#9F3645
oklch(0.488 0.139 15.5)
Farbumrechnungen
- HEX
- #9f3645
- RGB
- rgb(159 54 69)
- HSL
- hsl(351 49% 42%)
- HWB
- hwb(351 21% 38%)
- OKLCH
- oklch(0.488 0.139 15.5)
- OKLab
- oklab(0.488 0.134 0.037)
- CIE Lab
- lab(39.1 44.98 15.98)
- LCH
- lch(39.1 47.73 19.6)
- CMYK
- cmyk(0% 66% 57% 38%)
Tints · Shades · Tones
Tints
- AB4B56
- B66067
- C07379
- CB878B
- D49B9E
- DEAEB0
- E7C2C4
- EFD6D7
- F7EBEB
Shades
- 8A2E3B
- 752531
- 611E27
- 4D161E
- 3B0F15
- 29080C
- 180305
- 090102
- 010000
Tones
- 9D404B
- 9B4851
- 995057
- 97585C
- 945F62
- 916668
- 8D6D6E
- 897374
- 857A7A
Farbharmonien
Komplementär +180°
- 9F3645
Bright Lady
- 006E6F
≈ Caribbean Current
Analog -30° +30°
- 9F3645
Bright Lady
- 943971
≈ Powder Red
- 9C3F00
≈ All the Leaves Are Brown
Triadisch +120° +240°
- 9F3645
Bright Lady
- 38700A
≈ Forest Empress
- 1F5FAC
≈ Greek Flag Blue
Geteilt komplementär +150° +210°
- 9F3645
Bright Lady
- 007252
≈ Lush Meadow
- 006A88
≈ Techno Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.80:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.08:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--bright-lady: #9f3645;
--bright-lady-rgb: 159 54 69;
--bright-lady-oklch: oklch(0.488 0.139 15.5);
}
.element {
color: var(--bright-lady);
background-color: hsl(351 49% 42%);
border-color: oklch(0.488 0.139 15.5);
}Tailwind CSS v4
@theme {
--color-bright-lady: #9f3645;
--color-bright-lady-50: #ffe6e6;
--color-bright-lady-100: #ffd6d7;
--color-bright-lady-200: #ffbdbe;
--color-bright-lady-300: #f69a9d;
--color-bright-lady-400: #e47a83;
--color-bright-lady-500: #d25967;
--color-bright-lady-600: #b14c57;
--color-bright-lady-700: #8e3c46;
--color-bright-lady-800: #6a2b34;
--color-bright-lady-900: #4a1d23;
--color-bright-lady-950: #310c12;
}SCSS
$bright-lady: #9f3645;
$bright-lady-rgb: 159, 54, 69;
$bright-lady-light: mix(#fff, $bright-lady, 20%);
$bright-lady-dark: mix(#000, $bright-lady, 20%);
.element {
color: $bright-lady;
box-shadow: 0 0 0 2px rgba($bright-lady, 0.35);
}