Colore con nome · #7D4961
Princely
Princely è #7D4961: rgb(125 73 97), hsl(332 26% 39%), oklch(0.474 0.078 351.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Princely color name →
#7D4961
oklch(0.474 0.078 351.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8A5A70
- 976B7E
- A47D8D
- B18E9D
- BEA0AD
- CBB3BD
- D8C5CD
- E5D8DD
- F2ECEE
Ombre
- 6C3E53
- 5B3446
- 4B2A39
- 3B202D
- 2C1721
- 1E0E15
- 11060B
- 050203
- 010000
Toni
- 7E4F64
- 7F5467
- 7F5A6A
- 805F6D
- 806570
- 806A73
- 817077
- 81757A
- 807B7D
Armonie di colore
Complementare +180°
- 7D4961
Princely
- 236A56
≈ Forest Rain
Analogo -30° +30°
- 7D4961
Princely
- 704D76
≈ Cabbage Blossom Violet
- 824949
≈ Red Maple Leaf
Triadico +120° +240°
- 7D4961
Princely
- 5E6028
≈ Gardener Green
- 256380
≈ Georgian Bay
Complementare divisa +150° +210°
- 7D4961
Princely
- 42673D
≈ Friendly Fairway
- 0C696E
≈ Tahitian Treat
Tetradico +90° +180° +270°
- 7D4961
Princely
- 725723
≈ Olivary
- 236A56
≈ Forest Rain
- 435C88
≈ Anchor Point
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.00:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.99:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
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);
}