Benannte Farbe · #7D4961
Princely
Princely ist #7D4961: rgb(125 73 97), hsl(332 26% 39%), oklch(0.474 0.078 351.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Princely color name →
#7D4961
oklch(0.474 0.078 351.3)
Farbumrechnungen
- HEX
- #7d4961
- RGB
- rgb(125 73 97)
- HSL
- hsl(332 26% 39%)
- HWB
- hwb(332 29% 51%)
- OKLCH
- oklch(0.474 0.078 351.3)
- OKLab
- oklab(0.474 0.077 -0.012)
- CIE Lab
- lab(37.96 25.24 -4.16)
- LCH
- lch(37.96 25.58 350.6)
- CMYK
- cmyk(0% 42% 22% 51%)
Tints · Shades · Tones
Tints
- 8A5A70
- 976B7E
- A47D8D
- B18E9D
- BEA0AD
- CBB3BD
- D8C5CD
- E5D8DD
- F2ECEE
Shades
- 6C3E53
- 5B3446
- 4B2A39
- 3B202D
- 2C1721
- 1E0E15
- 11060B
- 050203
- 010000
Tones
- 7E4F64
- 7F5467
- 7F5A6A
- 805F6D
- 806570
- 806A73
- 817077
- 81757A
- 807B7D
Farbharmonien
Komplementär +180°
- 7D4961
Princely
- 236A56
≈ Forest Rain
Analog -30° +30°
- 7D4961
Princely
- 704D76
≈ Cabbage Blossom Violet
- 824949
≈ Red Maple Leaf
Triadisch +120° +240°
- 7D4961
Princely
- 5E6028
≈ Gardener Green
- 256380
≈ Georgian Bay
Geteilt komplementär +150° +210°
- 7D4961
Princely
- 42673D
≈ Friendly Fairway
- 0C696E
≈ Tahitian Treat
Tetradisch +90° +180° +270°
- 7D4961
Princely
- 725723
≈ Olivary
- 236A56
≈ Forest Rain
- 435C88
≈ Anchor Point
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.00:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.99:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--princely: #7d4961;
--princely-rgb: 125 73 97;
--princely-oklch: oklch(0.474 0.078 351.3);
}
.element {
color: var(--princely);
background-color: hsl(332 26% 39%);
border-color: oklch(0.474 0.078 351.3);
}Tailwind CSS v4
@theme {
--color-princely: #7d4961;
--color-princely-50: #ffedf7;
--color-princely-100: #fedeea;
--color-princely-200: #f0c7d7;
--color-princely-300: #d8a8bb;
--color-princely-400: #c38ca4;
--color-princely-500: #ae718c;
--color-princely-600: #935f77;
--color-princely-700: #764c5f;
--color-princely-800: #573746;
--color-princely-900: #3d2631;
--color-princely-950: #26141d;
}SCSS
$princely: #7d4961;
$princely-rgb: 125, 73, 97;
$princely-light: mix(#fff, $princely, 20%);
$princely-dark: mix(#000, $princely, 20%);
.element {
color: $princely;
box-shadow: 0 0 0 2px rgba($princely, 0.35);
}