Adlandırılmış renk · #AA2200
Saveloy
Saveloy, #AA2200: rgb(170 34 0), hsl(12 100% 33%), oklch(0.48 0.176 33.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Saveloy color name →
#AA2200
oklch(0.48 0.176 33.3)
Renk dönüşümleri
- HEX
- #aa2200
- RGB
- rgb(170 34 0)
- HSL
- hsl(12 100% 33%)
- HWB
- hwb(12 0% 33%)
- OKLCH
- oklch(0.48 0.176 33.3)
- OKLab
- oklab(0.48 0.147 0.096)
- CIE Lab
- lab(38 53.74 52.03)
- LCH
- lch(38 74.8 44.1)
- CMYK
- cmyk(0% 80% 100% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B53F27
- C05741
- CA6D58
- D38270
- DC9787
- E4AB9E
- ECC0B6
- F3D5CE
- F9EAE6
Koyu tonlar
- 931C00
- 7D1600
- 681100
- 530B00
- 3F0700
- 2D0300
- 1B0100
- 0B0000
- 010000
Gri tonlar
- A8321A
- A53E29
- A24936
- 9F5242
- 9B5B4D
- 976357
- 926B62
- 8D726C
- 877976
Renk uyumları
Tamamlayıcı +180°
- AA2200
Saveloy
- 00697A
≈ Teal With It
Analog -30° +30°
- AA2200
Saveloy
- A61B53
≈ Plum Perfect
- 874D00
≈ Gédéon Brown
Üçlü +120° +240°
- AA2200
Saveloy
- 00713A
≈ Dartmouth Green
- 424DBE
≈ Kikorangi Blue
Bölünmüş tamamlayıcı +150° +210°
- AA2200
Saveloy
- 006D62
≈ Deep Pacific
- 006399
≈ Atlantic Mystique
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.14:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 2.93:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--saveloy: #aa2200;
--saveloy-rgb: 170 34 0;
--saveloy-oklch: oklch(0.48 0.176 33.3);
}
.element {
color: var(--saveloy);
background-color: hsl(12 100% 33%);
border-color: oklch(0.48 0.176 33.3);
}Tailwind CSS v4
@theme {
--color-saveloy: #aa2200;
--color-saveloy-50: #ffe4d3;
--color-saveloy-100: #ffd4c0;
--color-saveloy-200: #ffb9a1;
--color-saveloy-300: #ff9478;
--color-saveloy-400: #f47156;
--color-saveloy-500: #e24b2c;
--color-saveloy-600: #bf4127;
--color-saveloy-700: #9a341f;
--color-saveloy-800: #732418;
--color-saveloy-900: #51180f;
--color-saveloy-950: #360703;
}SCSS
$saveloy: #aa2200;
$saveloy-rgb: 170, 34, 0;
$saveloy-light: mix(#fff, $saveloy, 20%);
$saveloy-dark: mix(#000, $saveloy, 20%);
.element {
color: $saveloy;
box-shadow: 0 0 0 2px rgba($saveloy, 0.35);
}