Adlandırılmış renk · #EEB5AF
Mesa Rose
Mesa Rose, #EEB5AF: rgb(238 181 175), hsl(6 65% 81%), oklch(0.823 0.067 25.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Mesa Rose color name →
#EEB5AF
oklch(0.823 0.067 25.5)
Renk dönüşümleri
- HEX
- #eeb5af
- RGB
- rgb(238 181 175)
- HSL
- hsl(6 65% 81%)
- HWB
- hwb(6 69% 7%)
- OKLCH
- oklch(0.823 0.067 25.5)
- OKLab
- oklab(0.823 0.061 0.029)
- CIE Lab
- lab(78.9 20.69 11.52)
- LCH
- lch(78.9 23.68 29.1)
- CMYK
- cmyk(0% 24% 26% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0BCB7
- F2C4BF
- F4CBC7
- F6D2CF
- F8DAD6
- F9E1DF
- FBE9E7
- FCF0EF
- FEF8F7
Koyu tonlar
- CF9D98
- B18681
- 936F6B
- 775956
- 5C4441
- 42302E
- 2A1D1C
- 140C0B
- 030201
Gri tonlar
- E3B0AA
- D8AAA5
- CCA5A1
- C1A09C
- B69A97
- AB9593
- A0908E
- 968B89
- 8B8585
Renk uyumları
Tamamlayıcı +180°
- EEB5AF
Mesa Rose
- 91D2DA
≈ Foaming Surf
Analog -30° +30°
- EEB5AF
Mesa Rose
- EAB4C7
≈ Athena Pink
- E8BA9C
≈ Creole Cottage
Üçlü +120° +240°
- EEB5AF
Mesa Rose
- AAD1AB
≈ Garden Room
- B0C5F2
≈ Larkspur Bud
Bölünmüş tamamlayıcı +150° +210°
- EEB5AF
Mesa Rose
- 97D4C3
≈ Pop Shop
- 9BCDEB
≈ Fail Whale
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.86:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--mesa-rose: #eeb5af;
--mesa-rose-rgb: 238 181 175;
--mesa-rose-oklch: oklch(0.823 0.067 25.5);
}
.element {
color: var(--mesa-rose);
background-color: hsl(6 65% 81%);
border-color: oklch(0.823 0.067 25.5);
}Tailwind CSS v4
@theme {
--color-mesa-rose: #eeb5af;
--color-mesa-rose-50: #ffeeeb;
--color-mesa-rose-100: #fee0dc;
--color-mesa-rose-200: #f0cac5;
--color-mesa-rose-300: #d8aba5;
--color-mesa-rose-400: #c38f8a;
--color-mesa-rose-500: #af756f;
--color-mesa-rose-600: #93635e;
--color-mesa-rose-700: #764f4b;
--color-mesa-rose-800: #583937;
--color-mesa-rose-900: #3d2726;
--color-mesa-rose-950: #261514;
}SCSS
$mesa-rose: #eeb5af;
$mesa-rose-rgb: 238, 181, 175;
$mesa-rose-light: mix(#fff, $mesa-rose, 20%);
$mesa-rose-dark: mix(#000, $mesa-rose, 20%);
.element {
color: $mesa-rose;
box-shadow: 0 0 0 2px rgba($mesa-rose, 0.35);
}