En yakın adlandırılmış renk · #DF3233
#DF3233
En yakın adlandırılmış renk: Blood of My Enemies
#DF3233 (rgb(223 50 51), hsl(360 73% 54%), oklch(0.592 0.209 26.2)) en çok Blood of My Enemies adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DF3233
oklch(0.592 0.209 26.2)
Renk dönüşümleri
- HEX
- #df3233
- RGB
- rgb(223 50 51)
- HSL
- hsl(360 73% 54%)
- HWB
- hwb(360 20% 13%)
- OKLCH
- oklch(0.592 0.209 26.2)
- OKLab
- oklab(0.592 0.187 0.092)
- CIE Lab
- lab(50.58 65.85 43.72)
- LCH
- lch(50.58 79.04 33.6)
- CMYK
- cmyk(0% 78% 77% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E54F49
- EB665D
- F07B71
- F58F85
- F9A299
- FBB5AD
- FEC8C1
- FFDAD6
- FFEDEA
Koyu tonlar
- C22A2B
- A52223
- 8A1B1C
- 6F1414
- 560D0D
- 3D0707
- 270303
- 120101
- 020000
Gri tonlar
- D7413D
- CF4C46
- C7564E
- BE5E56
- B5655E
- AC6B65
- A2716C
- 977773
- 8C7B79
Renk uyumları
Tamamlayıcı +180°
- DF3233
Blood of My Enemies
- 008E9B
≈ Coral Coast
Analog -30° +30°
- DF3233
Blood of My Enemies
- D53181
≈ Highlighter Lilac
- BC6200
≈ Fire Ant
Üçlü +120° +240°
- DF3233
Blood of My Enemies
- 009831
≈ Peppermint Toad
- 4370F8
≈ Hailey Blue
Bölünmüş tamamlayıcı +150° +210°
- DF3233
Blood of My Enemies
- 00937C
≈ Aqua Waters
- 0088BF
≈ Forget-Me-Not
Dörtlü +90° +180° +270°
- DF3233
Blood of My Enemies
- 7A8700
≈ Elwynn Forest Olive
- 008E9B
≈ Coral Coast
- 8D58E9
≈ Lavender Indigo
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.52:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--blood-of-my-enemies: #df3233;
--blood-of-my-enemies-rgb: 223 50 51;
--blood-of-my-enemies-oklch: oklch(0.592 0.209 26.2);
}
.element {
color: var(--blood-of-my-enemies);
background-color: hsl(360 73% 54%);
border-color: oklch(0.592 0.209 26.2);
}Tailwind CSS v4
@theme {
--color-blood-of-my-enemies: #df3233;
--color-blood-of-my-enemies-50: #ffdfd4;
--color-blood-of-my-enemies-100: #ffcec1;
--color-blood-of-my-enemies-200: #ffb1a2;
--color-blood-of-my-enemies-300: #ff8979;
--color-blood-of-my-enemies-400: #ff6059;
--color-blood-of-my-enemies-500: #f12c31;
--color-blood-of-my-enemies-600: #cc292b;
--color-blood-of-my-enemies-700: #a42122;
--color-blood-of-my-enemies-800: #7b151b;
--color-blood-of-my-enemies-900: #570e11;
--color-blood-of-my-enemies-950: #3a0004;
}SCSS
$blood-of-my-enemies: #df3233;
$blood-of-my-enemies-rgb: 223, 50, 51;
$blood-of-my-enemies-light: mix(#fff, $blood-of-my-enemies, 20%);
$blood-of-my-enemies-dark: mix(#000, $blood-of-my-enemies, 20%);
.element {
color: $blood-of-my-enemies;
box-shadow: 0 0 0 2px rgba($blood-of-my-enemies, 0.35);
}