Nazwany kolor · #D63136
Akuma
Akuma to #D63136: rgb(214 49 54), hsl(358 67% 52%), oklch(0.576 0.201 24.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Akuma color name →
#D63136
oklch(0.576 0.201 24.9)
Konwersje koloru
- HEX
- #d63136
- RGB
- rgb(214 49 54)
- HSL
- hsl(358 67% 52%)
- HWB
- hwb(358 19% 16%)
- OKLCH
- oklch(0.576 0.201 24.9)
- OKLab
- oklab(0.576 0.182 0.085)
- CIE Lab
- lab(48.74 63.58 39.51)
- LCH
- lch(48.74 74.85 31.9)
- CMYK
- cmyk(0% 77% 75% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DD4D4B
- E4645F
- EA7972
- EF8D86
- F4A099
- F8B4AD
- FBC7C1
- FDD9D6
- FEECEA
Odcienie ciemniejsze
- BA292E
- 9E2225
- 841A1E
- 6A1316
- 520C0F
- 3B0608
- 250303
- 100101
- 020000
Tony
- CF3F3F
- C84B47
- C0544F
- B95C57
- B1645E
- A86A65
- 9F706C
- 957673
- 8B7B79
Harmonie kolorów
Komplementarna +180°
- D63136
Akuma
- 008994
≈ Tuscana Blue
Analogowa -30° +30°
Triada +120° +240°
- D63136
Akuma
- 009325
≈ Irish Green
- 3C6DED
≈ Bluetiful
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.82:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.35:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--akuma: #d63136;
--akuma-rgb: 214 49 54;
--akuma-oklch: oklch(0.576 0.201 24.9);
}
.element {
color: var(--akuma);
background-color: hsl(358 67% 52%);
border-color: oklch(0.576 0.201 24.9);
}Tailwind CSS v4
@theme {
--color-akuma: #d63136;
--color-akuma-50: #ffe0d6;
--color-akuma-100: #ffcec4;
--color-akuma-200: #ffb2a6;
--color-akuma-300: #ff8b7e;
--color-akuma-400: #ff635f;
--color-akuma-500: #ee333b;
--color-akuma-600: #c92e33;
--color-akuma-700: #a22528;
--color-akuma-800: #79181f;
--color-akuma-900: #561014;
--color-akuma-950: #390206;
}SCSS
$akuma: #d63136;
$akuma-rgb: 214, 49, 54;
$akuma-light: mix(#fff, $akuma, 20%);
$akuma-dark: mix(#000, $akuma, 20%);
.element {
color: $akuma;
box-shadow: 0 0 0 2px rgba($akuma, 0.35);
}