Nazwany kolor · #A23D54
Night Shadz
Night Shadz to #A23D54: rgb(162 61 84), hsl(346 45% 44%), oklch(0.506 0.135 9.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Night Shadz color name →
#A23D54
oklch(0.506 0.135 9.4)
Konwersje koloru
- HEX
- #a23d54
- RGB
- rgb(162 61 84)
- HSL
- hsl(346 45% 44%)
- HWB
- hwb(346 24% 36%)
- OKLCH
- oklch(0.506 0.135 9.4)
- OKLab
- oklab(0.506 0.133 0.022)
- CIE Lab
- lab(41.09 43.95 9.37)
- LCH
- lch(41.09 44.94 12)
- CMYK
- cmyk(0% 62% 48% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AD5164
- B86574
- C27884
- CC8B95
- D59EA6
- DFB1B7
- E7C4C8
- F0D7DA
- F7EBED
Odcienie ciemniejsze
- 8C3448
- 772B3C
- 632231
- 4F1A26
- 3C121B
- 2A0A11
- 190408
- 0A0102
- 010000
Tony
- A04558
- 9E4D5D
- 9B5461
- 985B65
- 95626A
- 92686E
- 8E6E73
- 8A7477
- 857A7C
Harmonie kolorów
Komplementarna +180°
- A23D54
Night Shadz
- 00756F
≈ Mermaid Harbour
Analogowa -30° +30°
- A23D54
Night Shadz
- 95417E
≈ Willowherb
- A24321
≈ Rock Spray
Triada +120° +240°
- A23D54
Night Shadz
- 4B7300
≈ Tropicana
- 0E68AE
≈ Wing Commander
Komplementarna rozszczepiona +150° +210°
- A23D54
Night Shadz
- 00784C
≈ Gnarls Green
- 007188
≈ Waterworld
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.30:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.33:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--night-shadz: #a23d54;
--night-shadz-rgb: 162 61 84;
--night-shadz-oklch: oklch(0.506 0.135 9.4);
}
.element {
color: var(--night-shadz);
background-color: hsl(346 45% 44%);
border-color: oklch(0.506 0.135 9.4);
}Tailwind CSS v4
@theme {
--color-night-shadz: #a23d54;
--color-night-shadz-50: #ffe6eb;
--color-night-shadz-100: #ffd6dc;
--color-night-shadz-200: #ffbdc6;
--color-night-shadz-300: #f49aa6;
--color-night-shadz-400: #e17a8d;
--color-night-shadz-500: #ce5a73;
--color-night-shadz-600: #ae4d61;
--color-night-shadz-700: #8c3d4e;
--color-night-shadz-800: #682c3a;
--color-night-shadz-900: #491d28;
--color-night-shadz-950: #300d16;
}SCSS
$night-shadz: #a23d54;
$night-shadz-rgb: 162, 61, 84;
$night-shadz-light: mix(#fff, $night-shadz, 20%);
$night-shadz-dark: mix(#000, $night-shadz, 20%);
.element {
color: $night-shadz;
box-shadow: 0 0 0 2px rgba($night-shadz, 0.35);
}