En yakın adlandırılmış renk · #EE7B83
#EE7B83
En yakın adlandırılmış renk: Momo Peach
#EE7B83 (rgb(238 123 131), hsl(356 77% 71%), oklch(0.715 0.142 17)) en çok Momo Peach 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.
#EE7B83
oklch(0.715 0.142 17)
Renk dönüşümleri
- HEX
- #ee7b83
- RGB
- rgb(238 123 131)
- HSL
- hsl(356 77% 71%)
- HWB
- hwb(356 48% 7%)
- OKLCH
- oklch(0.715 0.142 17)
- OKLab
- oklab(0.715 0.135 0.041)
- CIE Lab
- lab(65.43 45.69 17.13)
- LCH
- lch(65.43 48.79 20.6)
- CMYK
- cmyk(0% 48% 45% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1898F
- F4969B
- F7A4A7
- F9B1B3
- FBBEC0
- FDCBCC
- FED8D9
- FFE5E5
- FFF2F2
Koyu tonlar
- CF6A71
- B15A60
- 934A4F
- 773A3F
- 5C2C2F
- 421E20
- 2A1012
- 140506
- 030101
Gri tonlar
- E37C83
- D97E83
- CE7F82
- C47F82
- B98082
- AE8082
- A38181
- 988181
- 8C8080
Renk uyumları
Tamamlayıcı +180°
- EE7B83
Momo Peach
- 00BABD
≈ Jade Gravel
Analog -30° +30°
- EE7B83
Momo Peach
- E27CB4
≈ Fuchsia Blush
- EA8450
≈ Gravlax
Üçlü +120° +240°
- EE7B83
Momo Peach
- 77B75B
≈ Palm Tree
- 67A4FA
≈ Âbi Blue
Bölünmüş tamamlayıcı +150° +210°
- EE7B83
Momo Peach
- 1DBF90
≈ Blarney
- 00B3E5
≈ Blue Atoll
Dörtlü +90° +180° +270°
- EE7B83
Momo Peach
- AEA827
≈ Venom
- 00BABD
≈ Jade Gravel
- 9E94F6
≈ Cobalite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.69:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.79:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--momo-peach: #ee7b83;
--momo-peach-rgb: 238 123 131;
--momo-peach-oklch: oklch(0.715 0.142 17);
}
.element {
color: var(--momo-peach);
background-color: hsl(356 77% 71%);
border-color: oklch(0.715 0.142 17);
}Tailwind CSS v4
@theme {
--color-momo-peach: #ee7b83;
--color-momo-peach-50: #ffe6e5;
--color-momo-peach-100: #ffd6d5;
--color-momo-peach-200: #ffbcbc;
--color-momo-peach-300: #f7999b;
--color-momo-peach-400: #e57980;
--color-momo-peach-500: #d35864;
--color-momo-peach-600: #b24b55;
--color-momo-peach-700: #8f3c43;
--color-momo-peach-800: #6b2a32;
--color-momo-peach-900: #4b1d22;
--color-momo-peach-950: #310c11;
}SCSS
$momo-peach: #ee7b83;
$momo-peach-rgb: 238, 123, 131;
$momo-peach-light: mix(#fff, $momo-peach, 20%);
$momo-peach-dark: mix(#000, $momo-peach, 20%);
.element {
color: $momo-peach;
box-shadow: 0 0 0 2px rgba($momo-peach, 0.35);
}