Color con nombre más cercano · #FD6E4B
#FD6E4B
Color con nombre más cercano: Melon
#FD6E4B (rgb(253 110 75), hsl(12 98% 64%), oklch(0.708 0.182 35)) se parece más al color con nombre Melon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FD6E4B
oklch(0.708 0.182 35)
Conversiones de color
- HEX
- #fd6e4b
- RGB
- rgb(253 110 75)
- HSL
- hsl(12 98% 64%)
- HWB
- hwb(12 29% 1%)
- OKLCH
- oklch(0.708 0.182 35)
- OKLab
- oklab(0.708 0.149 0.105)
- CIE Lab
- lab(64.53 54.16 47.33)
- LCH
- lch(64.53 71.92 41.2)
- CMYK
- cmyk(0% 57% 70% 1%)
Tintes · Sombras · Tonos
Tintes
- FF7F5F
- FF8E71
- FF9D83
- FFAC95
- FFBAA7
- FFC8B8
- FFD6CA
- FFE4DC
- FFF1ED
Sombras
- DC5F40
- BC5035
- 9D412B
- 7F3321
- 622617
- 47190E
- 2D0E06
- 160402
- 030100
Tonos
- F17252
- E57559
- D9785F
- CD7A65
- C17C6A
- B57D6F
- A87E74
- 9B7F78
- 8E807C
Armonías de color
Complementario +180°
- FD6E4B
Melon
- 00B4D1
≈ Aquarius
Análogo -30° +30°
- FD6E4B
Melon
- FA6791
≈ Rosy Pink
- E38800
≈ Hotter Butter
Triádico +120° +240°
Complementario dividido +150° +210°
- FD6E4B
Melon
- 00B9AB
≈ Verditer
- 2BA8FF
≈ Xed
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--melon: #fd6e4b;
--melon-rgb: 253 110 75;
--melon-oklch: oklch(0.708 0.182 35);
}
.element {
color: var(--melon);
background-color: hsl(12 98% 64%);
border-color: oklch(0.708 0.182 35);
}Tailwind CSS v4
@theme {
--color-melon: #fd6e4b;
--color-melon-50: #ffe4d1;
--color-melon-100: #ffd3bd;
--color-melon-200: #ffb89c;
--color-melon-300: #ff9372;
--color-melon-400: #f66f4e;
--color-melon-500: #e5481e;
--color-melon-600: #c13e1c;
--color-melon-700: #9c3217;
--color-melon-800: #742212;
--color-melon-900: #52170b;
--color-melon-950: #370601;
}SCSS
$melon: #fd6e4b;
$melon-rgb: 253, 110, 75;
$melon-light: mix(#fff, $melon, 20%);
$melon-dark: mix(#000, $melon, 20%);
.element {
color: $melon;
box-shadow: 0 0 0 2px rgba($melon, 0.35);
}