Adlandırılmış renk · #AE2029
Upsdell Red
Upsdell Red, #AE2029: rgb(174 32 41), hsl(356 69% 40%), oklch(0.489 0.177 24.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Upsdell Red color name →
#AE2029
oklch(0.489 0.177 24.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B93E3E
- C35653
- CD6C67
- D6817C
- DF9691
- E6ABA6
- EEC0BC
- F4D5D2
- FAEAE8
Koyu tonlar
- 971A22
- 80151C
- 6A0F15
- 550A0F
- 410609
- 2E0305
- 1C0102
- 0B0001
- 010000
Gri tonlar
- AB3133
- A83D3C
- A54845
- A1524E
- 9D5A56
- 98635F
- 936A67
- 8E726F
- 877978
Renk uyumları
Tamamlayıcı +180°
- AE2029
Upsdell Red
- 006D76
≈ Toadstool Teal
Analog -30° +30°
- AE2029
Upsdell Red
- A52167
≈ Plastic Lips
- 934900
≈ Brownie
Üçlü +120° +240°
- AE2029
Upsdell Red
- 007515
≈ Spreadsheet Green
- 2A56C2
≈ Cerulean Blue
Bölünmüş tamamlayıcı +150° +210°
- AE2029
Upsdell Red
- 00715C
≈ Falcon Turquoise
- 006891
≈ Sea Blue
Dörtlü +90° +180° +270°
- AE2029
Upsdell Red
- 606600
≈ Mud Green
- 006D76
≈ Toadstool Teal
- 6942B8
≈ Dragonlord Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.91:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.03:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}