Nazwany kolor · #752745
Palace Red
Palace Red to #752745: rgb(117 39 69), hsl(337 50% 31%), oklch(0.399 0.113 359.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Palace Red color name →
#752745
oklch(0.399 0.113 359.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 843D56
- 935167
- A16678
- AF7B8A
- BD909D
- CAA5B0
- D8BBC3
- E5D2D7
- F2E8EB
Odcienie ciemniejsze
- 65203B
- 551A31
- 461427
- 370E1E
- 290815
- 1C040C
- 0F0205
- 050102
- 010000
Tony
- 77314B
- 7A3B50
- 7B4456
- 7D4D5C
- 7E5662
- 7F5E68
- 80676E
- 806F74
- 80787A
Harmonie kolorów
Komplementarna +180°
- 752745
Palace Red
- 005449
≈ Breathe Deeply
Analogowa -30° +30°
- 752745
Palace Red
- 682D64
≈ Intense Mauve
- 792920
≈ Posh Red
Triada +120° +240°
- 752745
Palace Red
- 414E00
≈ No Emissions Green
- 004D73
≈ Dignity Blue
Komplementarna rozszczepiona +150° +210°
- 752745
Palace Red
- 005724
≈ Caliban Green
- 00515C
≈ Kali Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.84:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.13:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.84:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}