Nazwany kolor · #C01205
Charsiu
Charsiu to #C01205: rgb(192 18 5), hsl(4 95% 39%), oklch(0.513 0.203 29.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Charsiu color name →
#C01205
oklch(0.513 0.203 29.9)
Konwersje koloru
- HEX
- #c01205
- RGB
- rgb(192 18 5)
- HSL
- hsl(4 95% 39%)
- HWB
- hwb(4 2% 25%)
- OKLCH
- oklch(0.513 0.203 29.9)
- OKLab
- oklab(0.513 0.176 0.101)
- CIE Lab
- lab(41.49 63.37 54.74)
- LCH
- lch(41.49 83.74 40.8)
- CMYK
- cmyk(0% 91% 97% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA3A2B
- D35545
- DB6C5C
- E28273
- E9978A
- EFACA1
- F4C1B8
- F9D6CF
- FCEAE7
Odcienie ciemniejsze
- A70E04
- 8E0A03
- 760702
- 5F0401
- 490201
- 340100
- 200100
- 0E0000
- 020000
Tony
- BC2B1E
- B73B2D
- B24739
- AC5245
- A75B4F
- A06359
- 996B63
- 92726D
- 897977
Harmonie kolorów
Komplementarna +180°
- C01205
Charsiu
- 007483
≈ Deep Current
Analogowa -30° +30°
- C01205
Charsiu
- B90C62
≈ Spiced Purple
- 985300
≈ Charlie Brown
Triada +120° +240°
- C01205
Charsiu
- 007C36
≈ Verdant Vale
- 3D55D9
≈ Warm Blue
Komplementarna rozszczepiona +150° +210°
- C01205
Charsiu
- 007869
≈ Teal Waters
- 006EA3
≈ Disarm
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.30:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.33:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--charsiu: #c01205;
--charsiu-rgb: 192 18 5;
--charsiu-oklch: oklch(0.513 0.203 29.9);
}
.element {
color: var(--charsiu);
background-color: hsl(4 95% 39%);
border-color: oklch(0.513 0.203 29.9);
}Tailwind CSS v4
@theme {
--color-charsiu: #c01205;
--color-charsiu-50: #ffe1d1;
--color-charsiu-100: #ffcfbe;
--color-charsiu-200: #ffb39d;
--color-charsiu-300: #ff8c73;
--color-charsiu-400: #ff6451;
--color-charsiu-500: #ef3424;
--color-charsiu-600: #ca2f21;
--color-charsiu-700: #a2261a;
--color-charsiu-800: #791915;
--color-charsiu-900: #56100d;
--color-charsiu-950: #390202;
}SCSS
$charsiu: #c01205;
$charsiu-rgb: 192, 18, 5;
$charsiu-light: mix(#fff, $charsiu, 20%);
$charsiu-dark: mix(#000, $charsiu, 20%);
.element {
color: $charsiu;
box-shadow: 0 0 0 2px rgba($charsiu, 0.35);
}