Nazwany kolor · #783F54
Red Jade
Red Jade to #783F54: rgb(120 63 84), hsl(338 31% 36%), oklch(0.445 0.083 357.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Red Jade color name →
#783F54
oklch(0.445 0.083 357.6)
Konwersje koloru
- HEX
- #783f54
- RGB
- rgb(120 63 84)
- HSL
- hsl(338 31% 36%)
- HWB
- hwb(338 25% 53%)
- OKLCH
- oklch(0.445 0.083 357.6)
- OKLab
- oklab(0.445 0.083 -0.004)
- CIE Lab
- lab(34.56 27.28 -1.02)
- LCH
- lch(34.56 27.3 357.9)
- CMYK
- cmyk(0% 48% 30% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 865163
- 936373
- A17584
- AF8894
- BC9BA5
- CAAEB7
- D7C2C8
- E4D6DA
- F2EAED
Odcienie ciemniejsze
- 673548
- 572C3C
- 482331
- 391B26
- 2A121B
- 1D0A11
- 100408
- 050102
- 010000
Tony
- 7A4658
- 7B4C5D
- 7C5361
- 7D5965
- 7E606A
- 7F666E
- 7F6D72
- 807377
- 807A7B
Harmonie kolorów
Komplementarna +180°
- 783F54
Red Jade
- 006253
≈ Philodendron
Analogowa -30° +30°
- 783F54
Red Jade
- 6C426B
≈ Sultana
- 7B403A
≈ Red Pepper
Triada +120° +240°
- 783F54
Red Jade
- 505A1E
≈ Obscure Olive
- 1C5A7C
≈ Sea Hunter
Komplementarna rozszczepiona +150° +210°
- 783F54
Red Jade
- 316038
≈ Espalier
- 005F6A
≈ Petrol
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.96:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.63:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-jade: #783f54;
--red-jade-rgb: 120 63 84;
--red-jade-oklch: oklch(0.445 0.083 357.6);
}
.element {
color: var(--red-jade);
background-color: hsl(338 31% 36%);
border-color: oklch(0.445 0.083 357.6);
}Tailwind CSS v4
@theme {
--color-red-jade: #783f54;
--color-red-jade-50: #ffecf4;
--color-red-jade-100: #ffdde7;
--color-red-jade-200: #f4c6d3;
--color-red-jade-300: #dca6b6;
--color-red-jade-400: #c78a9e;
--color-red-jade-500: #b36e86;
--color-red-jade-600: #975e72;
--color-red-jade-700: #794b5b;
--color-red-jade-800: #593643;
--color-red-jade-900: #3e252f;
--color-red-jade-950: #27131b;
}SCSS
$red-jade: #783f54;
$red-jade-rgb: 120, 63, 84;
$red-jade-light: mix(#fff, $red-jade, 20%);
$red-jade-dark: mix(#000, $red-jade, 20%);
.element {
color: $red-jade;
box-shadow: 0 0 0 2px rgba($red-jade, 0.35);
}