En yakın adlandırılmış renk · #FD9798
#FD9798
En yakın adlandırılmış renk: Mad Pinker
#FD9798 (rgb(253 151 152), hsl(359 96% 79%), oklch(0.783 0.123 19.6)) en çok Mad Pinker adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FD9798
oklch(0.783 0.123 19.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEA2A2
- FFACAC
- FFB7B6
- FFC1C0
- FFCCCB
- FFD6D5
- FFE0DF
- FFEBEA
- FFF5F4
Koyu tonlar
- DC8384
- BC6F70
- 9D5C5C
- 7F494A
- 623738
- 472627
- 2D1717
- 160808
- 030101
Gri tonlar
- F19596
- E49393
- D89191
- CB8F8F
- BF8D8C
- B38B8A
- A68887
- 9A8585
- 8D8382
Renk uyumları
Tamamlayıcı +180°
- FD9798
Mad Pinker
- 34D0D7
≈ Jade Glass
Analog -30° +30°
- FD9798
Mad Pinker
- F397C4
≈ Pastel Magenta
- F7A06F
≈ Copper River
Üçlü +120° +240°
- FD9798
Mad Pinker
- 8ECB7F
≈ Fresh Cut Grass
- 8EB9FF
≈ Carolina Blue
Bölünmüş tamamlayıcı +150° +210°
- FD9798
Mad Pinker
- 58D1AC
≈ Aquarium Blue
- 55C7F7
≈ Thor’s Thunder
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.08:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.05:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}