Adlandırılmış renk · #DD2200
Ares Red
Ares Red, #DD2200: rgb(221 34 0), hsl(9 100% 43%), oklch(0.575 0.221 31.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ares Red color name →
#DD2200
oklch(0.575 0.221 31.5)
Renk dönüşümleri
- HEX
- #dd2200
- RGB
- rgb(221 34 0)
- HSL
- hsl(9 100% 43%)
- HWB
- hwb(9 0% 13%)
- OKLCH
- oklch(0.575 0.221 31.5)
- OKLab
- oklab(0.575 0.188 0.115)
- CIE Lab
- lab(48.55 68.44 63)
- LCH
- lch(48.55 93.02 42.6)
- CMYK
- cmyk(0% 85% 100% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4462E
- EA5F48
- F07660
- F48B77
- F89F8E
- FBB2A4
- FEC6BA
- FFD9D1
- FFECE8
Koyu tonlar
- C01C00
- A41600
- 881100
- 6E0B00
- 550700
- 3D0300
- 260100
- 110000
- 020000
Gri tonlar
- D5371F
- CE4530
- C6503D
- BD5948
- B56252
- AB695C
- A26F66
- 97756F
- 8C7B77
Renk uyumları
Tamamlayıcı +180°
- DD2200
Ares Red
- 00889B
≈ Marker Blue
Analog -30° +30°
- DD2200
Ares Red
- D61A70
≈ Pink Peacock
- AF6300
≈ Ginger
Üçlü +120° +240°
- DD2200
Ares Red
- 009147
≈ Jade Sylph
- 4F64F8
≈ Blue Heath Butterfly
Bölünmüş tamamlayıcı +150° +210°
- DD2200
Ares Red
- 008C7D
≈ Greenlake
- 0080C1
≈ Honolulu Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.88:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.30:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--ares-red: #dd2200;
--ares-red-rgb: 221 34 0;
--ares-red-oklch: oklch(0.575 0.221 31.5);
}
.element {
color: var(--ares-red);
background-color: hsl(9 100% 43%);
border-color: oklch(0.575 0.221 31.5);
}Tailwind CSS v4
@theme {
--color-ares-red: #dd2200;
--color-ares-red-50: #ffdfcc;
--color-ares-red-100: #ffcdb8;
--color-ares-red-200: #ffb095;
--color-ares-red-300: #ff8769;
--color-ares-red-400: #ff5d42;
--color-ares-red-500: #f62100;
--color-ares-red-600: #d02103;
--color-ares-red-700: #a71b05;
--color-ares-red-800: #7d1009;
--color-ares-red-900: #590b06;
--color-ares-red-950: #3c0000;
}SCSS
$ares-red: #dd2200;
$ares-red-rgb: 221, 34, 0;
$ares-red-light: mix(#fff, $ares-red, 20%);
$ares-red-dark: mix(#000, $ares-red, 20%);
.element {
color: $ares-red;
box-shadow: 0 0 0 2px rgba($ares-red, 0.35);
}