Warna bernama terdekat · #D25D56
#D25D56
Warna bernama terdekat: Firebug
#D25D56 (rgb(210 93 86), hsl(3 58% 58%), oklch(0.623 0.15 25.8)) paling mendekati warna bernama Firebug. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#D25D56
oklch(0.623 0.15 25.8)
Konversi warna
- HEX
- #d25d56
- RGB
- rgb(210 93 86)
- HSL
- hsl(3 58% 58%)
- HWB
- hwb(3 34% 18%)
- OKLCH
- oklch(0.623 0.15 25.8)
- OKLab
- oklab(0.623 0.135 0.065)
- CIE Lab
- lab(54.81 46.78 27.95)
- LCH
- lch(54.81 54.5 30.9)
- CMYK
- cmyk(0% 56% 59% 18%)
Tint · Shade · Tone
Tint
- D86E66
- DF7F77
- E48F87
- E99F98
- EEAFA9
- F2BFB9
- F6CFCB
- FADFDC
- FDEFED
Shade
- B6504A
- 9B433E
- 813732
- 682A27
- 501F1C
- 391412
- 240A08
- 100302
- 020000
Tone
- CB625B
- C3675F
- BC6B64
- B46F68
- AC726C
- A47570
- 9C7874
- 937B78
- 8A7E7C
Harmoni warna
Komplementer +180°
- D25D56
Firebug
- 0099A6
≈ Turkish Boy
Analog -30° +30°
- D25D56
Firebug
- CA5B8A
≈ Lipstick
- C96A0C
≈ Sludge
Triadik +120° +240°
- D25D56
Firebug
- 3F9E4B
≈ Fervent Green
- 5C82E1
≈ Blue Jay
Split-komplementer +150° +210°
- D25D56
Firebug
- 009D84
≈ Reptilian Green
- 0092CC
≈ Rich Electric Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.85:1 · APCA Lc 65
Ag
AADi atas hitam
WCAG 5.44:1 · APCA Lc 36
Warna teks terbaik: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Cuplikan kode
CSS
:root {
--firebug: #d25d56;
--firebug-rgb: 210 93 86;
--firebug-oklch: oklch(0.623 0.15 25.8);
}
.element {
color: var(--firebug);
background-color: hsl(3 58% 58%);
border-color: oklch(0.623 0.15 25.8);
}Tailwind CSS v4
@theme {
--color-firebug: #d25d56;
--color-firebug-50: #ffe6de;
--color-firebug-100: #ffd6cc;
--color-firebug-200: #ffbcb1;
--color-firebug-300: #fb998d;
--color-firebug-400: #e9786f;
--color-firebug-500: #d75650;
--color-firebug-600: #b64944;
--color-firebug-700: #923b36;
--color-firebug-800: #6d2928;
--color-firebug-900: #4d1c1b;
--color-firebug-950: #320b0b;
}SCSS
$firebug: #d25d56;
$firebug-rgb: 210, 93, 86;
$firebug-light: mix(#fff, $firebug, 20%);
$firebug-dark: mix(#000, $firebug, 20%);
.element {
color: $firebug;
box-shadow: 0 0 0 2px rgba($firebug, 0.35);
}