Nazwany kolor · #C74536
Oh so Red
Oh so Red to #C74536: rgb(199 69 54), hsl(6 57% 50%), oklch(0.57 0.168 29.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Oh so Red color name →
#C74536
oklch(0.57 0.168 29.7)
Konwersje koloru
- HEX
- #c74536
- RGB
- rgb(199 69 54)
- HSL
- hsl(6 57% 50%)
- HWB
- hwb(6 21% 22%)
- OKLCH
- oklch(0.57 0.168 29.7)
- OKLab
- oklab(0.57 0.146 0.084)
- CIE Lab
- lab(48.51 51.96 38.25)
- LCH
- lch(48.51 64.52 36.4)
- CMYK
- cmyk(0% 65% 73% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CF5A4B
- D76E5E
- DE8172
- E49386
- EAA599
- EFB7AD
- F4C9C1
- F8DBD6
- FCEDEA
Odcienie ciemniejsze
- AD3B2E
- 933125
- 7A271E
- 621E16
- 4C150F
- 360C08
- 210503
- 0E0201
- 020000
Tony
- C14E3F
- BB5547
- B55C4F
- AF6257
- A8685E
- A16E65
- 99736C
- 927773
- 897C79
Harmonie kolorów
Komplementarna +180°
- C74536
Oh so Red
- 008797
≈ Tropical Teal
Analogowa -30° +30°
- C74536
Oh so Red
- C14274
≈ Lilac Rose
- AF6000
≈ Orange Brown
Triada +120° +240°
- C74536
Oh so Red
- 009040
≈ Viper Green
- 516DD9
≈ Cornflower
Komplementarna rozszczepiona +150° +210°
- C74536
Oh so Red
- 008B79
≈ Emerald Enchantment
- 007FBB
≈ Meissen Blue
Tetrada +90° +180° +270°
- C74536
Oh so Red
- 6E8200
≈ Verde Tropa
- 008797
≈ Tropical Teal
- 885ACA
≈ Fuchsia Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.84:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.33:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--oh-so-red: #c74536;
--oh-so-red-rgb: 199 69 54;
--oh-so-red-oklch: oklch(0.57 0.168 29.7);
}
.element {
color: var(--oh-so-red);
background-color: hsl(6 57% 50%);
border-color: oklch(0.57 0.168 29.7);
}Tailwind CSS v4
@theme {
--color-oh-so-red: #c74536;
--color-oh-so-red-50: #ffe4d8;
--color-oh-so-red-100: #ffd4c5;
--color-oh-so-red-200: #ffb9a7;
--color-oh-so-red-300: #ff9580;
--color-oh-so-red-400: #f17261;
--color-oh-so-red-500: #e04d3d;
--color-oh-so-red-600: #bd4334;
--color-oh-so-red-700: #983529;
--color-oh-so-red-800: #71251f;
--color-oh-so-red-900: #501914;
--color-oh-so-red-950: #350806;
}SCSS
$oh-so-red: #c74536;
$oh-so-red-rgb: 199, 69, 54;
$oh-so-red-light: mix(#fff, $oh-so-red, 20%);
$oh-so-red-dark: mix(#000, $oh-so-red, 20%);
.element {
color: $oh-so-red;
box-shadow: 0 0 0 2px rgba($oh-so-red, 0.35);
}