Cor nomeada mais próxima · #F59B9F
#F59B9F
Cor nomeada mais próxima: Pink Floyd
#F59B9F (rgb(245 155 159), hsl(357 82% 78%), oklch(0.781 0.108 17)) é mais próxima da cor nomeada Pink Floyd. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F59B9F
oklch(0.781 0.108 17)
Conversões de cor
- HEX
- #f59b9f
- RGB
- rgb(245 155 159)
- HSL
- hsl(357 82% 78%)
- HWB
- hwb(357 61% 4%)
- OKLCH
- oklch(0.781 0.108 17)
- OKLab
- oklab(0.781 0.103 0.031)
- CIE Lab
- lab(73.49 34.87 12.81)
- LCH
- lch(73.49 37.15 20.2)
- CMYK
- cmyk(0% 37% 35% 4%)
Tons claros · Sombras · Tons
Tons claros
- F7A5A8
- F9AFB2
- FAB9BB
- FCC3C5
- FDCDCE
- FED7D8
- FFE1E2
- FFEBEB
- FFF5F5
Sombras
- D5868A
- B67275
- 985E61
- 7B4B4D
- 5F393B
- 442829
- 2B1818
- 150909
- 030101
Tons
- E9999C
- DE9699
- D29496
- C69193
- BB8E90
- AF8C8C
- A48989
- 988686
- 8C8383
Harmonias de cor
Complementar +180°
- F59B9F
Pink Floyd
- 52CDCF
≈ Blue Radiance
Análoga -30° +30°
- F59B9F
Pink Floyd
- EB9BC5
≈ Sultan of Pink
- F1A27B
≈ Coral Silk
Tríade +120° +240°
- F59B9F
Pink Floyd
- 97C883
≈ Frenzy Plant
- 8BBAFD
≈ Scenic Water
Complementar dividida +150° +210°
- F59B9F
Pink Floyd
- 6CCEA9
≈ Aquarium Blue
- 63C6ED
≈ Spritzig
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.07:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--pink-floyd: #f59b9f;
--pink-floyd-rgb: 245 155 159;
--pink-floyd-oklch: oklch(0.781 0.108 17);
}
.element {
color: var(--pink-floyd);
background-color: hsl(357 82% 78%);
border-color: oklch(0.781 0.108 17);
}Tailwind CSS v4
@theme {
--color-pink-floyd: #f59b9f;
--color-pink-floyd-50: #ffeae9;
--color-pink-floyd-100: #ffdada;
--color-pink-floyd-200: #ffc2c2;
--color-pink-floyd-300: #eaa1a2;
--color-pink-floyd-400: #d78387;
--color-pink-floyd-500: #c3666c;
--color-pink-floyd-600: #a5575c;
--color-pink-floyd-700: #844549;
--color-pink-floyd-800: #623236;
--color-pink-floyd-900: #452225;
--color-pink-floyd-950: #2c1114;
}SCSS
$pink-floyd: #f59b9f;
$pink-floyd-rgb: 245, 155, 159;
$pink-floyd-light: mix(#fff, $pink-floyd, 20%);
$pink-floyd-dark: mix(#000, $pink-floyd, 20%);
.element {
color: $pink-floyd;
box-shadow: 0 0 0 2px rgba($pink-floyd, 0.35);
}