Nazwany kolor · #9A2B43
Crimson Shadows
Crimson Shadows to #9A2B43: rgb(154 43 67), hsl(347 56% 39%), oklch(0.467 0.146 12.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Crimson Shadows color name →
#9A2B43
oklch(0.467 0.146 12.4)
Konwersje koloru
- HEX
- #9a2b43
- RGB
- rgb(154 43 67)
- HSL
- hsl(347 56% 39%)
- HWB
- hwb(347 17% 40%)
- OKLCH
- oklch(0.467 0.146 12.4)
- OKLab
- oklab(0.467 0.143 0.031)
- CIE Lab
- lab(36.48 47.52 13.58)
- LCH
- lch(36.48 49.42 15.9)
- CMYK
- cmyk(0% 72% 56% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A64354
- B25865
- BD6D77
- C88289
- D2969C
- DCABAF
- E6BFC3
- EFD4D6
- F7EAEB
Odcienie ciemniejsze
- 852439
- 711D2F
- 5E1626
- 4B101D
- 390A14
- 27050C
- 170205
- 090101
- 010000
Tony
- 993749
- 98414F
- 964A55
- 94535B
- 925B61
- 8F6367
- 8C6A6D
- 897274
- 85797A
Harmonie kolorów
Komplementarna +180°
- 9A2B43
Crimson Shadows
- 006866
≈ Chinese Garden
Analogowa -30° +30°
- 9A2B43
Crimson Shadows
- 8D3070
≈ Beetiful Magenta
- 973700
≈ Chocoholic
Triada +120° +240°
- 9A2B43
Crimson Shadows
- 3C6800
≈ Tatzelwurm Green
- 005AA6
≈ Raiden Blue
Komplementarna rozszczepiona +150° +210°
- 9A2B43
Crimson Shadows
- 006B48
≈ Vegan Green
- 00647D
≈ Ocean Depths
Tetrada +90° +180° +270°
- 9A2B43
Crimson Shadows
- 655B00
≈ Brussels Sprout Green
- 006866
≈ Chinese Garden
- 514AA8
≈ Swiss Plum
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.49:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.80:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.49:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--crimson-shadows: #9a2b43;
--crimson-shadows-rgb: 154 43 67;
--crimson-shadows-oklch: oklch(0.467 0.146 12.4);
}
.element {
color: var(--crimson-shadows);
background-color: hsl(347 56% 39%);
border-color: oklch(0.467 0.146 12.4);
}Tailwind CSS v4
@theme {
--color-crimson-shadows: #9a2b43;
--color-crimson-shadows-50: #ffe5e8;
--color-crimson-shadows-100: #ffd5d9;
--color-crimson-shadows-200: #ffbbc1;
--color-crimson-shadows-300: #f997a0;
--color-crimson-shadows-400: #e77787;
--color-crimson-shadows-500: #d4556b;
--color-crimson-shadows-600: #b3495b;
--color-crimson-shadows-700: #903a49;
--color-crimson-shadows-800: #6b2936;
--color-crimson-shadows-900: #4b1c25;
--color-crimson-shadows-950: #310b14;
}SCSS
$crimson-shadows: #9a2b43;
$crimson-shadows-rgb: 154, 43, 67;
$crimson-shadows-light: mix(#fff, $crimson-shadows, 20%);
$crimson-shadows-dark: mix(#000, $crimson-shadows, 20%);
.element {
color: $crimson-shadows;
box-shadow: 0 0 0 2px rgba($crimson-shadows, 0.35);
}