이름 색상 · #AE2029
Upsdell Red
Upsdell Red은(는) #AE2029: rgb(174 32 41), hsl(356 69% 40%), oklch(0.489 0.177 24.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Upsdell Red color name →
#AE2029
oklch(0.489 0.177 24.1)
색상 변환
- HEX
- #ae2029
- RGB
- rgb(174 32 41)
- HSL
- hsl(356 69% 40%)
- HWB
- hwb(356 13% 32%)
- OKLCH
- oklch(0.489 0.177 24.1)
- OKLab
- oklab(0.489 0.161 0.072)
- CIE Lab
- lab(38.88 56.09 33.86)
- LCH
- lch(38.88 65.52 31.1)
- CMYK
- cmyk(0% 82% 76% 32%)
틴트 · 셰이드 · 톤
틴트
- B93E3E
- C35653
- CD6C67
- D6817C
- DF9691
- E6ABA6
- EEC0BC
- F4D5D2
- FAEAE8
셰이드
- 971A22
- 80151C
- 6A0F15
- 550A0F
- 410609
- 2E0305
- 1C0102
- 0B0001
- 010000
톤
- AB3133
- A83D3C
- A54845
- A1524E
- 9D5A56
- 98635F
- 936A67
- 8E726F
- 877978
색 조화
보색 +180°
- AE2029
Upsdell Red
- 006D76
≈ Toadstool Teal
유사색 -30° +30°
- AE2029
Upsdell Red
- A52167
≈ Plastic Lips
- 934900
≈ Brownie
삼각 배색 +120° +240°
- AE2029
Upsdell Red
- 007515
≈ Spreadsheet Green
- 2A56C2
≈ Cerulean Blue
분열 보색 +150° +210°
- AE2029
Upsdell Red
- 00715C
≈ Falcon Turquoise
- 006891
≈ Sea Blue
사각 배색 +90° +180° +270°
- AE2029
Upsdell Red
- 606600
≈ Mud Green
- 006D76
≈ Toadstool Teal
- 6942B8
≈ Dragonlord Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 6.91:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.03:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--upsdell-red: #ae2029;
--upsdell-red-rgb: 174 32 41;
--upsdell-red-oklch: oklch(0.489 0.177 24.1);
}
.element {
color: var(--upsdell-red);
background-color: hsl(356 69% 40%);
border-color: oklch(0.489 0.177 24.1);
}Tailwind CSS v4
@theme {
--color-upsdell-red: #ae2029;
--color-upsdell-red-50: #ffe3db;
--color-upsdell-red-100: #ffd2c9;
--color-upsdell-red-200: #ffb7ad;
--color-upsdell-red-300: #ff9187;
--color-upsdell-red-400: #f56d69;
--color-upsdell-red-500: #e34648;
--color-upsdell-red-600: #c03d3e;
--color-upsdell-red-700: #9a3131;
--color-upsdell-red-800: #732125;
--color-upsdell-red-900: #511619;
--color-upsdell-red-950: #360609;
}SCSS
$upsdell-red: #ae2029;
$upsdell-red-rgb: 174, 32, 41;
$upsdell-red-light: mix(#fff, $upsdell-red, 20%);
$upsdell-red-dark: mix(#000, $upsdell-red, 20%);
.element {
color: $upsdell-red;
box-shadow: 0 0 0 2px rgba($upsdell-red, 0.35);
}