Colore con nome · #752745
Palace Red
Palace Red è #752745: rgb(117 39 69), hsl(337 50% 31%), oklch(0.399 0.113 359.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Palace Red color name →
#752745
oklch(0.399 0.113 359.8)
Conversioni di colore
- HEX
- #752745
- RGB
- rgb(117 39 69)
- HSL
- hsl(337 50% 31%)
- HWB
- hwb(337 15% 54%)
- OKLCH
- oklch(0.399 0.113 359.8)
- OKLab
- oklab(0.399 0.113 0)
- CIE Lab
- lab(28.83 36.79 0.38)
- LCH
- lch(28.83 36.79 0.6)
- CMYK
- cmyk(0% 67% 41% 54%)
Tinte · Ombre · Toni
Tinte
- 843D56
- 935167
- A16678
- AF7B8A
- BD909D
- CAA5B0
- D8BBC3
- E5D2D7
- F2E8EB
Ombre
- 65203B
- 551A31
- 461427
- 370E1E
- 290815
- 1C040C
- 0F0205
- 050102
- 010000
Toni
- 77314B
- 7A3B50
- 7B4456
- 7D4D5C
- 7E5662
- 7F5E68
- 80676E
- 806F74
- 80787A
Armonie di colore
Complementare +180°
- 752745
Palace Red
- 005449
≈ Breathe Deeply
Analogo -30° +30°
- 752745
Palace Red
- 682D64
≈ Intense Mauve
- 792920
≈ Posh Red
Triadico +120° +240°
- 752745
Palace Red
- 414E00
≈ No Emissions Green
- 004D73
≈ Dignity Blue
Complementare divisa +150° +210°
- 752745
Palace Red
- 005724
≈ Caliban Green
- 00515C
≈ Kali Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.84:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.13:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.84:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--palace-red: #752745;
--palace-red-rgb: 117 39 69;
--palace-red-oklch: oklch(0.399 0.113 359.8);
}
.element {
color: var(--palace-red);
background-color: hsl(337 50% 31%);
border-color: oklch(0.399 0.113 359.8);
}Tailwind CSS v4
@theme {
--color-palace-red: #752745;
--color-palace-red-50: #ffe8f3;
--color-palace-red-100: #ffd9e5;
--color-palace-red-200: #ffc1d0;
--color-palace-red-300: #e99fb3;
--color-palace-red-400: #d5819c;
--color-palace-red-500: #c16383;
--color-palace-red-600: #a3556f;
--color-palace-red-700: #834359;
--color-palace-red-800: #613042;
--color-palace-red-900: #44212e;
--color-palace-red-950: #2c101b;
}SCSS
$palace-red: #752745;
$palace-red-rgb: 117, 39, 69;
$palace-red-light: mix(#fff, $palace-red, 20%);
$palace-red-dark: mix(#000, $palace-red, 20%);
.element {
color: $palace-red;
box-shadow: 0 0 0 2px rgba($palace-red, 0.35);
}