Color con nombre más cercano · #FF6590
#FF6590
Color con nombre más cercano: Stellar Strawberry
#FF6590 (rgb(255 101 144), hsl(343 100% 70%), oklch(0.713 0.19 6)) se parece más al color con nombre Stellar Strawberry. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FF6590
oklch(0.713 0.19 6)
Conversiones de color
- HEX
- #ff6590
- RGB
- rgb(255 101 144)
- HSL
- hsl(343 100% 70%)
- HWB
- hwb(343 40% 0%)
- OKLCH
- oklch(0.713 0.19 6)
- OKLab
- oklab(0.713 0.189 0.02)
- CIE Lab
- lab(64.38 62.1 8.75)
- LCH
- lch(64.38 62.71 8)
- CMYK
- cmyk(0% 60% 44% 0%)
Tintes · Sombras · Tonos
Tintes
- FF779B
- FF88A5
- FF97B0
- FFA7BB
- FFB6C6
- FFC5D1
- FFD4DD
- FFE2E8
- FFF1F3
Sombras
- DE577D
- BE496A
- 9E3C57
- 802F45
- 632234
- 481724
- 2E0C15
- 160307
- 030001
Tonos
- F36A8E
- E76E8D
- DB728B
- CF758A
- C27888
- B67A86
- A97C85
- 9C7E83
- 8E7F82
Armonías de color
Complementario +180°
- FF6590
Stellar Strawberry
- 00BBAE
≈ Turquoise Topaz
Análogo -30° +30°
- FF6590
Stellar Strawberry
- E86DCF
≈ Explicit Pink
- FF7049
≈ Pinkish Orange
Triádico +120° +240°
- FF6590
Stellar Strawberry
- 86B500
≈ Brilliant Green
- 38A9FF
≈ Xed
Complementario dividido +150° +210°
- FF6590
Stellar Strawberry
- 00C173
≈ Times Square Screens
- 00B5D4
≈ Ocean Sigh
Tetrádico +90° +180° +270°
- FF6590
Stellar Strawberry
- BEA100
≈ Snakebite Leather
- 00BBAE
≈ Turquoise Topaz
- 8A98FF
≈ Periwinkle Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--stellar-strawberry: #ff6590;
--stellar-strawberry-rgb: 255 101 144;
--stellar-strawberry-oklch: oklch(0.713 0.19 6);
}
.element {
color: var(--stellar-strawberry);
background-color: hsl(343 100% 70%);
border-color: oklch(0.713 0.19 6);
}Tailwind CSS v4
@theme {
--color-stellar-strawberry: #ff6590;
--color-stellar-strawberry-50: #ffdfeb;
--color-stellar-strawberry-100: #ffcedc;
--color-stellar-strawberry-200: #ffb1c5;
--color-stellar-strawberry-300: #ff8ba5;
--color-stellar-strawberry-400: #f7658d;
--color-stellar-strawberry-500: #e53973;
--color-stellar-strawberry-600: #c13361;
--color-stellar-strawberry-700: #9c294e;
--color-stellar-strawberry-800: #741c3b;
--color-stellar-strawberry-900: #521228;
--color-stellar-strawberry-950: #360316;
}SCSS
$stellar-strawberry: #ff6590;
$stellar-strawberry-rgb: 255, 101, 144;
$stellar-strawberry-light: mix(#fff, $stellar-strawberry, 20%);
$stellar-strawberry-dark: mix(#000, $stellar-strawberry, 20%);
.element {
color: $stellar-strawberry;
box-shadow: 0 0 0 2px rgba($stellar-strawberry, 0.35);
}