Nazwany kolor · #715055
Night Romance
Night Romance to #715055: rgb(113 80 85), hsl(351 17% 38%), oklch(0.468 0.045 8.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Night Romance color name →
#715055
oklch(0.468 0.045 8.9)
Konwersje koloru
- HEX
- #715055
- RGB
- rgb(113 80 85)
- HSL
- hsl(351 17% 38%)
- HWB
- hwb(351 31% 56%)
- OKLCH
- oklch(0.468 0.045 8.9)
- OKLab
- oklab(0.468 0.044 0.007)
- CIE Lab
- lab(37.8 14.86 2.85)
- LCH
- lch(37.8 15.13 10.8)
- CMYK
- cmyk(0% 29% 25% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F6064
- 8C7074
- 9A8184
- A89295
- B7A3A6
- C5B5B7
- D3C7C9
- E2DADB
- F0ECED
Odcienie ciemniejsze
- 614449
- 52393D
- 432E31
- 352426
- 271A1C
- 1A1011
- 0E0708
- 040202
- 010000
Tony
- 735559
- 755A5D
- 765E62
- 786366
- 79686A
- 7B6D6E
- 7C7173
- 7E7677
- 7F7B7C
Harmonie kolorów
Komplementarna +180°
- 715055
Night Romance
- 3B635F
≈ Moor Pond Green
Analogowa -30° +30°
- 715055
Night Romance
- 6C5163
≈ Dynamic
- 715248
≈ Bigfoot
Triada +120° +240°
- 715055
Night Romance
- 536045
≈ Mossy Bronze
- 475D73
≈ Mountain River
Komplementarna rozszczepiona +150° +210°
- 715055
Night Romance
- 446251
≈ Mission Jewel
- 3C616B
≈ Juniper Berry Blue
Tetrada +90° +180° +270°
- 715055
Night Romance
- 605B3D
≈ Eastern Bamboo
- 3B635F
≈ Moor Pond Green
- 555874
≈ Nightshade Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.04:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.98:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--night-romance: #715055;
--night-romance-rgb: 113 80 85;
--night-romance-oklch: oklch(0.468 0.045 8.9);
}
.element {
color: var(--night-romance);
background-color: hsl(351 17% 38%);
border-color: oklch(0.468 0.045 8.9);
}Tailwind CSS v4
@theme {
--color-night-romance: #715055;
--color-night-romance-50: #fff0f2;
--color-night-romance-100: #f6e2e4;
--color-night-romance-200: #e7cdcf;
--color-night-romance-300: #cdaeb2;
--color-night-romance-400: #b79499;
--color-night-romance-500: #a17a80;
--color-night-romance-600: #88686c;
--color-night-romance-700: #6d5357;
--color-night-romance-800: #503c40;
--color-night-romance-900: #38292c;
--color-night-romance-950: #231719;
}SCSS
$night-romance: #715055;
$night-romance-rgb: 113, 80, 85;
$night-romance-light: mix(#fff, $night-romance, 20%);
$night-romance-dark: mix(#000, $night-romance, 20%);
.element {
color: $night-romance;
box-shadow: 0 0 0 2px rgba($night-romance, 0.35);
}