Adlandırılmış renk · #D1001C
Blood Orange
Blood Orange, #D1001C: rgb(209 0 28), hsl(352 100% 41%), oklch(0.542 0.22 26). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Blood Orange color name →
#D1001C
oklch(0.542 0.22 26)
Renk dönüşümleri
- HEX
- #d1001c
- RGB
- rgb(209 0 28)
- HSL
- hsl(352 100% 41%)
- HWB
- hwb(352 0% 18%)
- OKLCH
- oklch(0.542 0.22 26)
- OKLab
- oklab(0.542 0.198 0.097)
- CIE Lab
- lab(44.6 69.77 49.47)
- LCH
- lch(44.6 85.53 35.3)
- CMYK
- cmyk(0% 100% 87% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D93837
- E1554E
- E86D64
- EE837A
- F39890
- F7ADA5
- FBC2BB
- FDD6D2
- FFEBE8
Koyu tonlar
- B50017
- 9B0012
- 81000D
- 680008
- 500005
- 390002
- 230001
- 100000
- 020000
Gri tonlar
- CB282B
- C53A37
- BE4741
- B7524B
- AF5C55
- A7645E
- 9F6C66
- 95736F
- 8B7A78
Renk uyumları
Tamamlayıcı +180°
- D1001C
Blood Orange
- 007E8A
≈ Metallic Seaweed
Analog -30° +30°
- D1001C
Blood Orange
- C70473
≈ Bottom of My Heart
- A75600
≈ Windsor Brown
Üçlü +120° +240°
- D1001C
Blood Orange
- 008729
≈ Fatal Fields
- 325EED
≈ Retro Blue
Bölünmüş tamamlayıcı +150° +210°
- D1001C
Blood Orange
- 00826D
≈ Emperor’s Silk
- 0078A9
≈ Sixties Blue
Dörtlü +90° +180° +270°
- D1001C
Blood Orange
- 6C7700
≈ Murky Green
- 007E8A
≈ Metallic Seaweed
- 7F43DD
≈ Aconite Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.63:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 3.72:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--blood-orange: #d1001c;
--blood-orange-rgb: 209 0 28;
--blood-orange-oklch: oklch(0.542 0.22 26);
}
.element {
color: var(--blood-orange);
background-color: hsl(352 100% 41%);
border-color: oklch(0.542 0.22 26);
}Tailwind CSS v4
@theme {
--color-blood-orange: #d1001c;
--color-blood-orange-50: #ffded2;
--color-blood-orange-100: #ffccbf;
--color-blood-orange-200: #ffae9f;
--color-blood-orange-300: #ff8576;
--color-blood-orange-400: #ff5a54;
--color-blood-orange-500: #f61b2a;
--color-blood-orange-600: #d01d26;
--color-blood-orange-700: #a7191e;
--color-blood-orange-800: #7d0e18;
--color-blood-orange-900: #590a0f;
--color-blood-orange-950: #3b0003;
}SCSS
$blood-orange: #d1001c;
$blood-orange-rgb: 209, 0, 28;
$blood-orange-light: mix(#fff, $blood-orange, 20%);
$blood-orange-dark: mix(#000, $blood-orange, 20%);
.element {
color: $blood-orange;
box-shadow: 0 0 0 2px rgba($blood-orange, 0.35);
}