Nazwany kolor · #C00C20
Tedious Red
Tedious Red to #C00C20: rgb(192 12 32), hsl(353 88% 40%), oklch(0.512 0.203 25.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tedious Red color name →
#C00C20
oklch(0.512 0.203 25.2)
Konwersje koloru
- HEX
- #c00c20
- RGB
- rgb(192 12 32)
- HSL
- hsl(353 88% 40%)
- HWB
- hwb(353 5% 25%)
- OKLCH
- oklch(0.512 0.203 25.2)
- OKLab
- oklab(0.512 0.184 0.086)
- CIE Lab
- lab(41.34 64.41 42.97)
- LCH
- lch(41.34 77.43 33.7)
- CMYK
- cmyk(0% 94% 83% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA3838
- D3534F
- DB6B64
- E38179
- E9968F
- EFABA5
- F5C0BB
- F9D5D1
- FCEAE8
Odcienie ciemniejsze
- A7091A
- 8E0615
- 76040F
- 5F030A
- 490206
- 340103
- 200001
- 0E0000
- 020000
Tony
- BC292D
- B73938
- B24642
- AC514B
- A75A54
- A0635D
- 996B66
- 92726F
- 897977
Harmonie kolorów
Komplementarna +180°
- C00C20
Tedious Red
- 00757F
≈ Night Scape
Analogowa -30° +30°
- C00C20
Tedious Red
- B6106C
≈ Botticelli
- 9C4F00
≈ Burnt Bagel
Triada +120° +240°
- C00C20
Tedious Red
- 007D21
≈ Azure Radiance
- 2C58D9
≈ Bnei Brak Bay
Komplementarna rozszczepiona +150° +210°
- C00C20
Tedious Red
- 007864
≈ Shady Glade
- 006F9C
≈ Disarm
Tetrada +90° +180° +270°
- C00C20
Tedious Red
- 656E00
≈ Brownish Green
- 00757F
≈ Night Scape
- 7440CB
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.33:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.31:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.33:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--tedious-red: #c00c20;
--tedious-red-rgb: 192 12 32;
--tedious-red-oklch: oklch(0.512 0.203 25.2);
}
.element {
color: var(--tedious-red);
background-color: hsl(353 88% 40%);
border-color: oklch(0.512 0.203 25.2);
}Tailwind CSS v4
@theme {
--color-tedious-red: #c00c20;
--color-tedious-red-50: #ffe0d6;
--color-tedious-red-100: #ffcec3;
--color-tedious-red-200: #ffb2a5;
--color-tedious-red-300: #ff8a7d;
--color-tedious-red-400: #ff635d;
--color-tedious-red-500: #ef3138;
--color-tedious-red-600: #ca2d31;
--color-tedious-red-700: #a22427;
--color-tedious-red-800: #79171e;
--color-tedious-red-900: #561013;
--color-tedious-red-950: #390106;
}SCSS
$tedious-red: #c00c20;
$tedious-red-rgb: 192, 12, 32;
$tedious-red-light: mix(#fff, $tedious-red, 20%);
$tedious-red-dark: mix(#000, $tedious-red, 20%);
.element {
color: $tedious-red;
box-shadow: 0 0 0 2px rgba($tedious-red, 0.35);
}