Colore con nome · #C30B0A
Blood Kiss
Blood Kiss è #C30B0A: rgb(195 11 10), hsl(0 90% 40%), oklch(0.516 0.207 28.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Blood Kiss color name →
#C30B0A
oklch(0.516 0.207 28.8)
Conversioni di colore
- HEX
- #c30b0a
- RGB
- rgb(195 11 10)
- HSL
- hsl(0 90% 40%)
- HWB
- hwb(0 4% 24%)
- OKLCH
- oklch(0.516 0.207 28.8)
- OKLab
- oklab(0.516 0.182 0.1)
- CIE Lab
- lab(41.85 65.04 53.65)
- LCH
- lch(41.85 84.32 39.5)
- CMYK
- cmyk(0% 94% 95% 24%)
Tinte · Ombre · Toni
Tinte
- CC392D
- D55446
- DD6C5D
- E58274
- EB978B
- F1ACA1
- F6C1B8
- FAD5D0
- FDEAE7
Ombre
- A90807
- 900605
- 780403
- 600202
- 4A0101
- 340101
- 200000
- 0E0000
- 020000
Toni
- BE2920
- B93A2F
- B4463B
- AE5146
- A85B50
- A2635A
- 9A6B64
- 92726D
- 8A7977
Armonie di colore
Complementare +180°
- C30B0A
Blood Kiss
- 007683
≈ Deep Current
Analogo -30° +30°
- C30B0A
Blood Kiss
- BB0666
≈ Aztec Warrior
- 9A5300
≈ Charlie Brown
Triadico +120° +240°
- C30B0A
Blood Kiss
- 007E33
≈ Pharmaceutical Green
- 3A56DC
≈ Warm Blue
Complementare divisa +150° +210°
- C30B0A
Blood Kiss
- 007969
≈ Shady Glade
- 006FA3
≈ Cat’s Purr
Tetradico +90° +180° +270°
- C30B0A
Blood Kiss
- 617100
≈ Brownish Green
- 007683
≈ Deep Current
- 7B3DCB
≈ Purple Rain
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.22:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--blood-kiss: #c30b0a;
--blood-kiss-rgb: 195 11 10;
--blood-kiss-oklch: oklch(0.516 0.207 28.8);
}
.element {
color: var(--blood-kiss);
background-color: hsl(0 90% 40%);
border-color: oklch(0.516 0.207 28.8);
}Tailwind CSS v4
@theme {
--color-blood-kiss: #c30b0a;
--color-blood-kiss-50: #ffe0d1;
--color-blood-kiss-100: #ffcebe;
--color-blood-kiss-200: #ffb29e;
--color-blood-kiss-300: #ff8a74;
--color-blood-kiss-400: #ff6252;
--color-blood-kiss-500: #f12f25;
--color-blood-kiss-600: #cb2b22;
--color-blood-kiss-700: #a4231b;
--color-blood-kiss-800: #7a1616;
--color-blood-kiss-900: #570f0e;
--color-blood-kiss-950: #3a0102;
}SCSS
$blood-kiss: #c30b0a;
$blood-kiss-rgb: 195, 11, 10;
$blood-kiss-light: mix(#fff, $blood-kiss, 20%);
$blood-kiss-dark: mix(#000, $blood-kiss, 20%);
.element {
color: $blood-kiss;
box-shadow: 0 0 0 2px rgba($blood-kiss, 0.35);
}