Warna bernama terdekat · #D90F07
#D90F07
Warna bernama terdekat: Redsurrection
#D90F07 (rgb(217 15 7), hsl(2 94% 44%), oklch(0.56 0.224 29.4)) paling mendekati warna bernama Redsurrection. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#D90F07
oklch(0.56 0.224 29.4)
Konversi warna
- HEX
- #d90f07
- RGB
- rgb(217 15 7)
- HSL
- hsl(2 94% 44%)
- HWB
- hwb(2 3% 15%)
- OKLCH
- oklch(0.56 0.224 29.4)
- OKLab
- oklab(0.56 0.196 0.11)
- CIE Lab
- lab(46.7 70.3 59.78)
- LCH
- lch(46.7 92.28 40.4)
- CMYK
- cmyk(0% 93% 97% 15%)
Tint · Shade · Tone
Tint
- E03D2F
- E75949
- ED7160
- F28677
- F79B8D
- FAB0A4
- FDC4BA
- FFD8D1
- FFEBE8
Shade
- BC0B05
- A10804
- 860502
- 6C0302
- 530201
- 3B0100
- 250000
- 110000
- 020000
Tone
- D22D21
- CB3E30
- C34B3D
- BB5548
- B35E52
- AA665C
- A16E65
- 97746E
- 8C7A77
Harmoni warna
Komplementer +180°
- D90F07
Redsurrection
- 008393
≈ Island Lush
Analog -30° +30°
- D90F07
Redsurrection
- D10770
≈ Moth Orchid
- AB5E00
≈ Raw Umber
Triadik +120° +240°
- D90F07
Redsurrection
- 008C3C
≈ Cold Green
- 4360F5
≈ Secret of Mana
Split-komplementer +150° +210°
- D90F07
Redsurrection
- 008776
≈ Summer Turquoise
- 007CB6
≈ Artesian Water
Tetradik +90° +180° +270°
- D90F07
Redsurrection
- 6C7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8B45E2
≈ Pericallis Hybrida
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.22:1 · APCA Lc 73
Ag
FailDi atas hitam
WCAG 4.02:1 · APCA Lc 28
Warna teks terbaik: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Cuplikan kode
CSS
:root {
--redsurrection: #d90f07;
--redsurrection-rgb: 217 15 7;
--redsurrection-oklch: oklch(0.56 0.224 29.4);
}
.element {
color: var(--redsurrection);
background-color: hsl(2 94% 44%);
border-color: oklch(0.56 0.224 29.4);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d90f07;
--color-redsurrection-50: #ffdece;
--color-redsurrection-100: #ffccba;
--color-redsurrection-200: #ffae98;
--color-redsurrection-300: #ff856c;
--color-redsurrection-400: #ff5a48;
--color-redsurrection-500: #f8170d;
--color-redsurrection-600: #d11b11;
--color-redsurrection-700: #a9170e;
--color-redsurrection-800: #7e0c0e;
--color-redsurrection-900: #590909;
--color-redsurrection-950: #3c0000;
}SCSS
$redsurrection: #d90f07;
$redsurrection-rgb: 217, 15, 7;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}