Cor nomeada mais próxima · #FD9798
#FD9798
Cor nomeada mais próxima: Mad Pinker
#FD9798 (rgb(253 151 152), hsl(359 96% 79%), oklch(0.783 0.123 19.6)) é mais próxima da cor nomeada Mad Pinker. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FD9798
oklch(0.783 0.123 19.6)
Conversões de cor
- HEX
- #fd9798
- RGB
- rgb(253 151 152)
- HSL
- hsl(359 96% 79%)
- HWB
- hwb(359 59% 1%)
- OKLCH
- oklch(0.783 0.123 19.6)
- OKLab
- oklab(0.783 0.116 0.041)
- CIE Lab
- lab(73.51 39.25 16.86)
- LCH
- lch(73.51 42.71 23.2)
- CMYK
- cmyk(0% 40% 40% 1%)
Tons claros · Sombras · Tons
Tons claros
- FEA2A2
- FFACAC
- FFB7B6
- FFC1C0
- FFCCCB
- FFD6D5
- FFE0DF
- FFEBEA
- FFF5F4
Sombras
- DC8384
- BC6F70
- 9D5C5C
- 7F494A
- 623738
- 472627
- 2D1717
- 160808
- 030101
Tons
- F19596
- E49393
- D89191
- CB8F8F
- BF8D8C
- B38B8A
- A68887
- 9A8585
- 8D8382
Harmonias de cor
Complementar +180°
- FD9798
Mad Pinker
- 34D0D7
≈ Jade Glass
Análoga -30° +30°
- FD9798
Mad Pinker
- F397C4
≈ Pastel Magenta
- F7A06F
≈ Copper River
Tríade +120° +240°
- FD9798
Mad Pinker
- 8ECB7F
≈ Fresh Cut Grass
- 8EB9FF
≈ Carolina Blue
Complementar dividida +150° +210°
- FD9798
Mad Pinker
- 58D1AC
≈ Aquarium Blue
- 55C7F7
≈ Thor’s Thunder
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.05:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--mad-pinker: #fd9798;
--mad-pinker-rgb: 253 151 152;
--mad-pinker-oklch: oklch(0.783 0.123 19.6);
}
.element {
color: var(--mad-pinker);
background-color: hsl(359 96% 79%);
border-color: oklch(0.783 0.123 19.6);
}Tailwind CSS v4
@theme {
--color-mad-pinker: #fd9798;
--color-mad-pinker-50: #ffe8e6;
--color-mad-pinker-100: #ffd8d6;
--color-mad-pinker-200: #ffc0bd;
--color-mad-pinker-300: #f09e9b;
--color-mad-pinker-400: #dd7f81;
--color-mad-pinker-500: #ca6064;
--color-mad-pinker-600: #ab5255;
--color-mad-pinker-700: #894244;
--color-mad-pinker-800: #662f32;
--color-mad-pinker-900: #482022;
--color-mad-pinker-950: #2f0f11;
}SCSS
$mad-pinker: #fd9798;
$mad-pinker-rgb: 253, 151, 152;
$mad-pinker-light: mix(#fff, $mad-pinker, 20%);
$mad-pinker-dark: mix(#000, $mad-pinker, 20%);
.element {
color: $mad-pinker;
box-shadow: 0 0 0 2px rgba($mad-pinker, 0.35);
}