Nazwany kolor · #C90B42
Akari Red
Akari Red to #C90B42: rgb(201 11 66), hsl(343 90% 42%), oklch(0.534 0.209 15.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Akari Red color name →
#C90B42
oklch(0.534 0.209 15.7)
Konwersje koloru
- HEX
- #c90b42
- RGB
- rgb(201 11 66)
- HSL
- hsl(343 90% 42%)
- HWB
- hwb(343 4% 21%)
- OKLCH
- oklch(0.534 0.209 15.7)
- OKLab
- oklab(0.534 0.202 0.057)
- CIE Lab
- lab(43.6 67.66 25.61)
- LCH
- lch(43.6 72.35 20.7)
- CMYK
- cmyk(0% 95% 67% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D23954
- DA5466
- E26C78
- E8828A
- EE979D
- F3ACB0
- F8C1C3
- FBD6D7
- FEEAEB
Odcienie ciemniejsze
- AE0838
- 95062F
- 7C0425
- 64021C
- 4C0114
- 36010B
- 220005
- 0F0001
- 020000
Tony
- C42A49
- BE3A4F
- B84755
- B2515B
- AB5B62
- A46368
- 9C6B6E
- 947374
- 8A797A
Harmonie kolorów
Komplementarna +180°
- C90B42
Akari Red
- 007D7E
≈ Tropical Waters
Analogowa -30° +30°
- C90B42
Akari Red
- B91D87
≈ Loulou’s Purple
- B04900
≈ Skrag Brown
Triada +120° +240°
- C90B42
Akari Red
- 3E8000
≈ Green People
- 006AD2
≈ Royal Navy Blue
Komplementarna rozszczepiona +150° +210°
- C90B42
Akari Red
- 00815D
≈ Spanish Viridian
- 007899
≈ Pristine Seas
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.81:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.61:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--akari-red: #c90b42;
--akari-red-rgb: 201 11 66;
--akari-red-oklch: oklch(0.534 0.209 15.7);
}
.element {
color: var(--akari-red);
background-color: hsl(343 90% 42%);
border-color: oklch(0.534 0.209 15.7);
}Tailwind CSS v4
@theme {
--color-akari-red: #c90b42;
--color-akari-red-50: #ffdedf;
--color-akari-red-100: #ffccce;
--color-akari-red-200: #ffaeb3;
--color-akari-red-300: #ff868f;
--color-akari-red-400: #ff5d74;
--color-akari-red-500: #f02655;
--color-akari-red-600: #cb2449;
--color-akari-red-700: #a31e3a;
--color-akari-red-800: #7a132c;
--color-akari-red-900: #560c1e;
--color-akari-red-950: #3a000e;
}SCSS
$akari-red: #c90b42;
$akari-red-rgb: 201, 11, 66;
$akari-red-light: mix(#fff, $akari-red, 20%);
$akari-red-dark: mix(#000, $akari-red, 20%);
.element {
color: $akari-red;
box-shadow: 0 0 0 2px rgba($akari-red, 0.35);
}