Colore con nome · #71384C
Venusian
Venusian è #71384C: rgb(113 56 76), hsl(339 34% 33%), oklch(0.42 0.084 359). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Venusian color name →
#71384C
oklch(0.42 0.084 359)
Conversioni di colore
- HEX
- #71384c
- RGB
- rgb(113 56 76)
- HSL
- hsl(339 34% 33%)
- HWB
- hwb(339 22% 56%)
- OKLCH
- oklch(0.42 0.084 359)
- OKLab
- oklab(0.42 0.084 -0.001)
- CIE Lab
- lab(31.69 27.45 -0.2)
- LCH
- lch(31.69 27.45 359.6)
- CMYK
- cmyk(0% 50% 33% 56%)
Tinte · Ombre · Toni
Tinte
- 7F4A5C
- 8E5D6D
- 9C707E
- AA838F
- B997A1
- C7ABB3
- D5C0C5
- E3D4D8
- F1EAEC
Ombre
- 612F41
- 522736
- 431F2C
- 351722
- 270F18
- 1A080F
- 0E0406
- 040102
- 010000
Toni
- 733F51
- 754756
- 774E5B
- 795560
- 7B5C65
- 7C636B
- 7D6B70
- 7F7275
- 7F797B
Armonie di colore
Complementare +180°
- 71384C
Venusian
- 005A4E
≈ Forest Shadows
Analogo -30° +30°
- 71384C
Venusian
- 663B63
≈ Berry Light
- 743A32
≈ Capsicum Red
Triadico +120° +240°
- 71384C
Venusian
- 485317
≈ Verdun Green
- 155376
≈ World Peace
Complementare divisa +150° +210°
- 71384C
Venusian
- 285A33
≈ Pine
- 005862
≈ Entrapment
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.85:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.37:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--venusian: #71384c;
--venusian-rgb: 113 56 76;
--venusian-oklch: oklch(0.42 0.084 359);
}
.element {
color: var(--venusian);
background-color: hsl(339 34% 33%);
border-color: oklch(0.42 0.084 359);
}Tailwind CSS v4
@theme {
--color-venusian: #71384c;
--color-venusian-50: #ffecf4;
--color-venusian-100: #ffdde6;
--color-venusian-200: #f4c6d2;
--color-venusian-300: #dda6b5;
--color-venusian-400: #c88a9d;
--color-venusian-500: #b36e85;
--color-venusian-600: #985d70;
--color-venusian-700: #7a4b5a;
--color-venusian-800: #5a3643;
--color-venusian-900: #3f252e;
--color-venusian-950: #28131b;
}SCSS
$venusian: #71384c;
$venusian-rgb: 113, 56, 76;
$venusian-light: mix(#fff, $venusian, 20%);
$venusian-dark: mix(#000, $venusian, 20%);
.element {
color: $venusian;
box-shadow: 0 0 0 2px rgba($venusian, 0.35);
}