Cor nomeada · #752745
Palace Red
Palace Red é #752745: rgb(117 39 69), hsl(337 50% 31%), oklch(0.399 0.113 359.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Palace Red color name →
#752745
oklch(0.399 0.113 359.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 843D56
- 935167
- A16678
- AF7B8A
- BD909D
- CAA5B0
- D8BBC3
- E5D2D7
- F2E8EB
Sombras
- 65203B
- 551A31
- 461427
- 370E1E
- 290815
- 1C040C
- 0F0205
- 050102
- 010000
Tons
- 77314B
- 7A3B50
- 7B4456
- 7D4D5C
- 7E5662
- 7F5E68
- 80676E
- 806F74
- 80787A
Harmonias de cor
Complementar +180°
- 752745
Palace Red
- 005449
≈ Breathe Deeply
Análoga -30° +30°
- 752745
Palace Red
- 682D64
≈ Intense Mauve
- 792920
≈ Posh Red
Tríade +120° +240°
- 752745
Palace Red
- 414E00
≈ No Emissions Green
- 004D73
≈ Dignity Blue
Complementar dividida +150° +210°
- 752745
Palace Red
- 005724
≈ Caliban Green
- 00515C
≈ Kali Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.84:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.13:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.84:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
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);
}