Adlandırılmış renk · #98010D
Redwing
Redwing, #98010D: rgb(152 1 13), hsl(355 99% 30%), oklch(0.428 0.174 27.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? → · Redwing color name →
#98010D
oklch(0.428 0.174 27.1)
Renk dönüşümleri
- HEX
- #98010d
- RGB
- rgb(152 1 13)
- HSL
- hsl(355 99% 30%)
- HWB
- hwb(355 0% 40%)
- OKLCH
- oklch(0.428 0.174 27.1)
- OKLab
- oklab(0.428 0.155 0.079)
- CIE Lab
- lab(31.88 54.91 41.23)
- LCH
- lch(31.88 68.67 36.9)
- CMYK
- cmyk(0% 99% 91% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A52E29
- B24941
- BE6057
- C9776E
- D48E85
- DEA49D
- E7BBB5
- F0D1CD
- F8E8E6
Koyu tonlar
- 84010A
- 700107
- 5C0005
- 4A0003
- 380002
- 270001
- 170000
- 080000
- 010000
Gri tonlar
- 98201E
- 97302A
- 963D36
- 954841
- 93534C
- 905C56
- 8D6661
- 8A6F6B
- 857776
Renk uyumları
Tamamlayıcı +180°
- 98010D
Redwing
- 005A64
≈ Entrapment
Analog -30° +30°
- 98010D
Redwing
- 910150
≈ Reddish Purple
- 783D00
≈ Hazelnut Chocolate
Üçlü +120° +240°
- 98010D
Redwing
- 006120
≈ Jurassic Moss
- 2542AC
≈ Denim
Bölünmüş tamamlayıcı +150° +210°
- 98010D
Redwing
- 005D4E
≈ Alpine Green
- 00567C
≈ Real Mccoy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.95:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.34:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--redwing: #98010d;
--redwing-rgb: 152 1 13;
--redwing-oklch: oklch(0.428 0.174 27.1);
}
.element {
color: var(--redwing);
background-color: hsl(355 99% 30%);
border-color: oklch(0.428 0.174 27.1);
}Tailwind CSS v4
@theme {
--color-redwing: #98010d;
--color-redwing-50: #ffe3d9;
--color-redwing-100: #ffd3c7;
--color-redwing-200: #ffb8a9;
--color-redwing-300: #ff9383;
--color-redwing-400: #f46f64;
--color-redwing-500: #e24941;
--color-redwing-600: #bf3f38;
--color-redwing-700: #9a322c;
--color-redwing-800: #732321;
--color-redwing-900: #511716;
--color-redwing-950: #360707;
}SCSS
$redwing: #98010d;
$redwing-rgb: 152, 1, 13;
$redwing-light: mix(#fff, $redwing, 20%);
$redwing-dark: mix(#000, $redwing, 20%);
.element {
color: $redwing;
box-shadow: 0 0 0 2px rgba($redwing, 0.35);
}