Warna bernama terdekat · #DB2F45
#DB2F45
Warna bernama terdekat: Anarchist
#DB2F45 (rgb(219 47 69), hsl(352 70% 52%), oklch(0.585 0.206 20.2)) paling mendekati warna bernama Anarchist. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#DB2F45
oklch(0.585 0.206 20.2)
Konversi warna
- HEX
- #db2f45
- RGB
- rgb(219 47 69)
- HSL
- hsl(352 70% 52%)
- HWB
- hwb(352 18% 14%)
- OKLCH
- oklch(0.585 0.206 20.2)
- OKLab
- oklab(0.585 0.193 0.071)
- CIE Lab
- lab(49.69 66.01 32.11)
- LCH
- lch(49.69 73.41 25.9)
- CMYK
- cmyk(0% 79% 68% 14%)
Tint · Shade · Tone
Tint
- E24C57
- E86469
- EE797B
- F28D8D
- F7A1A0
- FAB4B2
- FCC7C5
- FED9D8
- FFECEB
Shade
- BE273B
- A22031
- 871927
- 6D121E
- 540C15
- 3C060C
- 260305
- 110102
- 020000
Tone
- D43E4C
- CC4A52
- C45458
- BC5C5E
- B36364
- AA6A6A
- A1706F
- 977675
- 8C7B7B
Harmoni warna
Komplementer +180°
- DB2F45
Anarchist
- 008D93
≈ Tempo Teal
Analog -30° +30°
- DB2F45
Anarchist
- CE338C
≈ Magenta Pink
- C15A00
≈ Dry Clay
Triadik +120° +240°
- DB2F45
Anarchist
- 2A9500
≈ Sacro Bosco
- 2673F3
≈ Deep Sky Blue
Split-komplementer +150° +210°
- DB2F45
Anarchist
- 009171
≈ Observatory
- 0087B4
≈ Stomy Shower
Tetradik +90° +180° +270°
- DB2F45
Anarchist
- 818200
≈ Drably Olive
- 008D93
≈ Tempo Teal
- 7F5BEA
≈ Gloomy Purple
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.66:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.50:1 · APCA Lc 31
Warna teks terbaik: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Cuplikan kode
CSS
:root {
--anarchist: #db2f45;
--anarchist-rgb: 219 47 69;
--anarchist-oklch: oklch(0.585 0.206 20.2);
}
.element {
color: var(--anarchist);
background-color: hsl(352 70% 52%);
border-color: oklch(0.585 0.206 20.2);
}Tailwind CSS v4
@theme {
--color-anarchist: #db2f45;
--color-anarchist-50: #ffdfdb;
--color-anarchist-100: #ffcdc9;
--color-anarchist-200: #ffb0ac;
--color-anarchist-300: #ff8887;
--color-anarchist-400: #ff606a;
--color-anarchist-500: #f02c49;
--color-anarchist-600: #ca293e;
--color-anarchist-700: #a32131;
--color-anarchist-800: #7a1526;
--color-anarchist-900: #560e19;
--color-anarchist-950: #39000a;
}SCSS
$anarchist: #db2f45;
$anarchist-rgb: 219, 47, 69;
$anarchist-light: mix(#fff, $anarchist, 20%);
$anarchist-dark: mix(#000, $anarchist, 20%);
.element {
color: $anarchist;
box-shadow: 0 0 0 2px rgba($anarchist, 0.35);
}