Nazwany kolor · #C90406
Naga Morich
Naga Morich to #C90406: rgb(201 4 6), hsl(359 96% 40%), oklch(0.526 0.214 28.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Naga Morich color name →
#C90406
oklch(0.526 0.214 28.9)
Konwersje koloru
- HEX
- #c90406
- RGB
- rgb(201 4 6)
- HSL
- hsl(359 96% 40%)
- HWB
- hwb(359 2% 21%)
- OKLCH
- oklch(0.526 0.214 28.9)
- OKLab
- oklab(0.526 0.188 0.103)
- CIE Lab
- lab(42.9 67.22 56.32)
- LCH
- lch(42.9 87.69 40)
- CMYK
- cmyk(0% 98% 97% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2382C
- DA5446
- E26C5D
- E88274
- EE988B
- F3ACA1
- F8C1B8
- FBD6D0
- FEEAE7
Odcienie ciemniejsze
- AE0304
- 950203
- 7C0102
- 640101
- 4C0101
- 360000
- 220000
- 0F0000
- 020000
Tony
- C4281F
- BE392E
- B8463A
- B25146
- AB5B50
- A4635A
- 9C6B64
- 94736D
- 8A7A77
Harmonie kolorów
Komplementarna +180°
- C90406
Naga Morich
- 007987
≈ Biscay Bay
Analogowa -30° +30°
- C90406
Naga Morich
- C10068
≈ Aztec Warrior
- 9E5500
≈ Charlie Brown
Triada +120° +240°
- C90406
Naga Morich
- 008135
≈ Pharmaceutical Green
- 3B57E4
≈ Veteran’s Day Blue
Komplementarna rozszczepiona +150° +210°
- C90406
Naga Morich
- 007C6C
≈ Mediaeval Forest
- 0072A7
≈ Methyl Blue
Tetrada +90° +180° +270°
- C90406
Naga Morich
- 647400
≈ Topiary Green
- 007987
≈ Biscay Bay
- 7F3ED2
≈ Hokkaido Lavender
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.99:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.50:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--naga-morich: #c90406;
--naga-morich-rgb: 201 4 6;
--naga-morich-oklch: oklch(0.526 0.214 28.9);
}
.element {
color: var(--naga-morich);
background-color: hsl(359 96% 40%);
border-color: oklch(0.526 0.214 28.9);
}Tailwind CSS v4
@theme {
--color-naga-morich: #c90406;
--color-naga-morich-50: #ffdfd0;
--color-naga-morich-100: #ffcdbc;
--color-naga-morich-200: #ffb09c;
--color-naga-morich-300: #ff8871;
--color-naga-morich-400: #ff5f4e;
--color-naga-morich-500: #f4271f;
--color-naga-morich-600: #ce261d;
--color-naga-morich-700: #a61f17;
--color-naga-morich-800: #7c1313;
--color-naga-morich-900: #580d0c;
--color-naga-morich-950: #3b0002;
}SCSS
$naga-morich: #c90406;
$naga-morich-rgb: 201, 4, 6;
$naga-morich-light: mix(#fff, $naga-morich, 20%);
$naga-morich-dark: mix(#000, $naga-morich, 20%);
.element {
color: $naga-morich;
box-shadow: 0 0 0 2px rgba($naga-morich, 0.35);
}