이름 색상 · #752745
Palace Red
Palace Red은(는) #752745: rgb(117 39 69), hsl(337 50% 31%), oklch(0.399 0.113 359.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Palace Red color name →
#752745
oklch(0.399 0.113 359.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 843D56
- 935167
- A16678
- AF7B8A
- BD909D
- CAA5B0
- D8BBC3
- E5D2D7
- F2E8EB
셰이드
- 65203B
- 551A31
- 461427
- 370E1E
- 290815
- 1C040C
- 0F0205
- 050102
- 010000
톤
- 77314B
- 7A3B50
- 7B4456
- 7D4D5C
- 7E5662
- 7F5E68
- 80676E
- 806F74
- 80787A
색 조화
보색 +180°
- 752745
Palace Red
- 005449
≈ Breathe Deeply
유사색 -30° +30°
- 752745
Palace Red
- 682D64
≈ Intense Mauve
- 792920
≈ Posh Red
삼각 배색 +120° +240°
- 752745
Palace Red
- 414E00
≈ No Emissions Green
- 004D73
≈ Dignity Blue
분열 보색 +150° +210°
- 752745
Palace Red
- 005724
≈ Caliban Green
- 00515C
≈ Kali Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.84:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.13:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.84:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}