Warna bernama terdekat · #A70037
#A70037
Warna bernama terdekat: Rouge
#A70037 (rgb(167 0 55), hsl(340 100% 33%), oklch(0.463 0.185 14.5)) paling mendekati warna bernama Rouge. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#A70037
oklch(0.463 0.185 14.5)
Konversi warna
- HEX
- #a70037
- RGB
- rgb(167 0 55)
- HSL
- hsl(340 100% 33%)
- HWB
- hwb(340 0% 35%)
- OKLCH
- oklch(0.463 0.185 14.5)
- OKLab
- oklab(0.463 0.179 0.046)
- CIE Lab
- lab(35.65 59.88 20.9)
- LCH
- lch(35.65 63.42 19.2)
- CMYK
- cmyk(0% 100% 67% 35%)
Tint · Shade · Tone
Tint
- B33049
- BE4B5C
- C9636F
- D37A82
- DC9096
- E4A6AA
- ECBCBF
- F3D2D4
- FAE9E9
Shade
- 91002E
- 7B0026
- 66001E
- 520016
- 3E000F
- 2C0008
- 1A0003
- 0A0001
- 010000
Tone
- A5213E
- A33246
- A13F4D
- 9E4A54
- 9A545B
- 965E63
- 92676A
- 8D7071
- 877879
Harmoni warna
Komplementer +180°
- A70037
Rouge
- 006666
≈ Sci-fi Petrol
Analog -30° +30°
- A70037
Rouge
- 991371
≈ Haunted Purple
- 933900
≈ Citrine Brown
Triadik +120° +240°
- A70037
Rouge
- 356800
≈ Tatzelwurm Green
- 0057A9
≈ Raiden Blue
Split-komplementer +150° +210°
- A70037
Rouge
- 006A4A
≈ Victoria Green
- 00637D
≈ Jamaican Dream
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.78:1 · APCA Lc 85
Ag
FailDi atas hitam
WCAG 2.69:1 · APCA Lc 17
Warna teks terbaik: #FFFFFF
WCAG 7.78:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
CSS
:root {
--rouge: #a70037;
--rouge-rgb: 167 0 55;
--rouge-oklch: oklch(0.463 0.185 14.5);
}
.element {
color: var(--rouge);
background-color: hsl(340 100% 33%);
border-color: oklch(0.463 0.185 14.5);
}Tailwind CSS v4
@theme {
--color-rouge: #a70037;
--color-rouge-50: #ffe0e3;
--color-rouge-100: #ffcfd2;
--color-rouge-200: #ffb3b9;
--color-rouge-300: #ff8d96;
--color-rouge-400: #f7687c;
--color-rouge-500: #e63d5f;
--color-rouge-600: #c23651;
--color-rouge-700: #9c2b40;
--color-rouge-800: #741d30;
--color-rouge-900: #521421;
--color-rouge-950: #360410;
}SCSS
$rouge: #a70037;
$rouge-rgb: 167, 0, 55;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}