Nazwany kolor · #C30305
Threatening Red
Threatening Red to #C30305: rgb(195 3 5), hsl(359 97% 39%), oklch(0.514 0.21 28.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Threatening Red color name →
#C30305
oklch(0.514 0.21 28.9)
Konwersje koloru
- HEX
- #c30305
- RGB
- rgb(195 3 5)
- HSL
- hsl(359 97% 39%)
- HWB
- hwb(359 1% 24%)
- OKLCH
- oklch(0.514 0.21 28.9)
- OKLab
- oklab(0.514 0.183 0.101)
- CIE Lab
- lab(41.56 65.78 55.26)
- LCH
- lch(41.56 85.91 40)
- CMYK
- cmyk(0% 98% 97% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CD372B
- D55345
- DD6A5C
- E58173
- EB968A
- F1ABA1
- F6C0B8
- FAD5CF
- FDEAE7
Odcienie ciemniejsze
- A90204
- 900203
- 780102
- 600101
- 4A0001
- 340000
- 200000
- 0E0000
- 020000
Tony
- BE271E
- B9382D
- B44539
- AE5045
- A85A4F
- A26359
- 9A6B63
- 93726D
- 8A7977
Harmonie kolorów
Komplementarna +180°
- C30305
Threatening Red
- 007582
≈ Deep Current
Analogowa -30° +30°
- C30305
Threatening Red
- BB0065
≈ Aztec Warrior
- 995200
≈ Charlie Brown
Triada +120° +240°
- C30305
Threatening Red
- 007D33
≈ Pharmaceutical Green
- 3954DD
≈ Veteran’s Day Blue
Komplementarna rozszczepiona +150° +210°
- C30305
Threatening Red
- 007868
≈ Shady Glade
- 006FA2
≈ Cat’s Purr
Tetrada +90° +180° +270°
- C30305
Threatening Red
- 607000
≈ Brownish Green
- 007582
≈ Deep Current
- 7B3BCC
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.29:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.33:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--threatening-red: #c30305;
--threatening-red-rgb: 195 3 5;
--threatening-red-oklch: oklch(0.514 0.21 28.9);
}
.element {
color: var(--threatening-red);
background-color: hsl(359 97% 39%);
border-color: oklch(0.514 0.21 28.9);
}Tailwind CSS v4
@theme {
--color-threatening-red: #c30305;
--color-threatening-red-50: #ffe0d1;
--color-threatening-red-100: #ffcebd;
--color-threatening-red-200: #ffb19d;
--color-threatening-red-300: #ff8973;
--color-threatening-red-400: #ff6151;
--color-threatening-red-500: #f22d23;
--color-threatening-red-600: #cc2a20;
--color-threatening-red-700: #a4221a;
--color-threatening-red-800: #7b1515;
--color-threatening-red-900: #570e0d;
--color-threatening-red-950: #3a0002;
}SCSS
$threatening-red: #c30305;
$threatening-red-rgb: 195, 3, 5;
$threatening-red-light: mix(#fff, $threatening-red, 20%);
$threatening-red-dark: mix(#000, $threatening-red, 20%);
.element {
color: $threatening-red;
box-shadow: 0 0 0 2px rgba($threatening-red, 0.35);
}