Colore con nome · #CF3A24
Ake Blood
Ake Blood è #CF3A24: rgb(207 58 36), hsl(8 70% 48%), oklch(0.57 0.189 31.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ake Blood color name →
#CF3A24
oklch(0.57 0.189 31.4)
Conversioni di colore
- HEX
- #cf3a24
- RGB
- rgb(207 58 36)
- HSL
- hsl(8 70% 48%)
- HWB
- hwb(8 14% 19%)
- OKLCH
- oklch(0.57 0.189 31.4)
- OKLab
- oklab(0.57 0.162 0.099)
- CIE Lab
- lab(48.29 58.23 48.17)
- LCH
- lch(48.29 75.57 39.6)
- CMYK
- cmyk(0% 72% 83% 19%)
Tinte · Ombre · Toni
Tinte
- D7533E
- DE6854
- E47C69
- EA8F7E
- EFA293
- F4B5A9
- F8C8BE
- FBDAD3
- FDECE9
Ombre
- B4311E
- 992818
- 7F2012
- 67180C
- 4F1007
- 380904
- 230402
- 100100
- 020000
Toni
- C94631
- C24F3C
- BB5746
- B45F50
- AD6658
- A56C61
- 9C7169
- 947671
- 8A7B78
Armonie di colore
Complementare +180°
- CF3A24
Ake Blood
- 008699
≈ Marker Blue
Analogo -30° +30°
- CF3A24
Ake Blood
- C93570
≈ Magentarama
- AD6200
≈ Orange Brown
Triadico +120° +240°
- CF3A24
Ake Blood
- 008F46
≈ Jade Sylph
- 5268E5
≈ Thick Blue
Complementare divisa +150° +210°
- CF3A24
Ake Blood
- 008A7B
≈ Go Go Green
- 007FBE
≈ Honolulu Blue
Tetradico +90° +180° +270°
- CF3A24
Ake Blood
- 6B8300
≈ Swamp Green
- 008699
≈ Marker Blue
- 8D53D2
≈ Morado Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.90:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.28:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.90:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--ake-blood: #cf3a24;
--ake-blood-rgb: 207 58 36;
--ake-blood-oklch: oklch(0.57 0.189 31.4);
}
.element {
color: var(--ake-blood);
background-color: hsl(8 70% 48%);
border-color: oklch(0.57 0.189 31.4);
}Tailwind CSS v4
@theme {
--color-ake-blood: #cf3a24;
--color-ake-blood-50: #ffe2d2;
--color-ake-blood-100: #ffd1bf;
--color-ake-blood-200: #ffb69f;
--color-ake-blood-300: #ff9076;
--color-ake-blood-400: #fa6b53;
--color-ake-blood-500: #e94128;
--color-ake-blood-600: #c43924;
--color-ake-blood-700: #9e2d1d;
--color-ake-blood-800: #761f16;
--color-ake-blood-900: #54140e;
--color-ake-blood-950: #380502;
}SCSS
$ake-blood: #cf3a24;
$ake-blood-rgb: 207, 58, 36;
$ake-blood-light: mix(#fff, $ake-blood, 20%);
$ake-blood-dark: mix(#000, $ake-blood, 20%);
.element {
color: $ake-blood;
box-shadow: 0 0 0 2px rgba($ake-blood, 0.35);
}