Color con nombre más cercano · #D15E50
#D15E50
Color con nombre más cercano: Firebug
#D15E50 (rgb(209 94 80), hsl(7 58% 57%), oklch(0.622 0.149 29)) se parece más al color con nombre Firebug. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D15E50
oklch(0.622 0.149 29)
Conversiones de color
- HEX
- #d15e50
- RGB
- rgb(209 94 80)
- HSL
- hsl(7 58% 57%)
- HWB
- hwb(7 31% 18%)
- OKLCH
- oklch(0.622 0.149 29)
- OKLab
- oklab(0.622 0.13 0.072)
- CIE Lab
- lab(54.76 45.66 31.27)
- LCH
- lch(54.76 55.34 34.4)
- CMYK
- cmyk(0% 55% 62% 18%)
Tintes · Sombras · Tonos
Tintes
- D86F61
- DE8072
- E39083
- E9A095
- EDB0A6
- F2C0B7
- F6CFC9
- F9DFDB
- FCEFED
Sombras
- B55144
- 9B4439
- 81372E
- 682B24
- 501F1A
- 391410
- 230A07
- 100302
- 020000
Tonos
- CA6356
- C3675B
- BB6B60
- B36F65
- AC726A
- A4766E
- 9B7973
- 937B77
- 8A7E7C
Armonías de color
Complementario +180°
- D15E50
Firebug
- 0098A9
≈ Aquarium Diver
Análogo -30° +30°
- D15E50
Firebug
- CB5B85
≈ Lipstick
- C66C00
≈ Sludge
Triádico +120° +240°
- D15E50
Firebug
- 349E52
≈ Fervent Green
- 6280E0
≈ Soft Blue
Complementario dividido +150° +210°
- D15E50
Firebug
- 009D88
≈ Flamboyant Teal
- 0090D1
≈ Rich Electric Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.86:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.42:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--firebug: #d15e50;
--firebug-rgb: 209 94 80;
--firebug-oklch: oklch(0.622 0.149 29);
}
.element {
color: var(--firebug);
background-color: hsl(7 58% 57%);
border-color: oklch(0.622 0.149 29);
}Tailwind CSS v4
@theme {
--color-firebug: #d15e50;
--color-firebug-50: #ffe6dc;
--color-firebug-100: #ffd6ca;
--color-firebug-200: #ffbdae;
--color-firebug-300: #fa9a88;
--color-firebug-400: #e9796a;
--color-firebug-500: #d75749;
--color-firebug-600: #b54b3e;
--color-firebug-700: #923c32;
--color-firebug-800: #6d2a25;
--color-firebug-900: #4d1c18;
--color-firebug-950: #320c09;
}SCSS
$firebug: #d15e50;
$firebug-rgb: 209, 94, 80;
$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);
}