Nazwany kolor · #EEB5AF
Mesa Rose
Mesa Rose to #EEB5AF: rgb(238 181 175), hsl(6 65% 81%), oklch(0.823 0.067 25.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Mesa Rose color name →
#EEB5AF
oklch(0.823 0.067 25.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0BCB7
- F2C4BF
- F4CBC7
- F6D2CF
- F8DAD6
- F9E1DF
- FBE9E7
- FCF0EF
- FEF8F7
Odcienie ciemniejsze
- CF9D98
- B18681
- 936F6B
- 775956
- 5C4441
- 42302E
- 2A1D1C
- 140C0B
- 030201
Tony
- E3B0AA
- D8AAA5
- CCA5A1
- C1A09C
- B69A97
- AB9593
- A0908E
- 968B89
- 8B8585
Harmonie kolorów
Komplementarna +180°
- EEB5AF
Mesa Rose
- 91D2DA
≈ Foaming Surf
Analogowa -30° +30°
- EEB5AF
Mesa Rose
- EAB4C7
≈ Athena Pink
- E8BA9C
≈ Creole Cottage
Triada +120° +240°
- EEB5AF
Mesa Rose
- AAD1AB
≈ Garden Room
- B0C5F2
≈ Larkspur Bud
Komplementarna rozszczepiona +150° +210°
- EEB5AF
Mesa Rose
- 97D4C3
≈ Pop Shop
- 9BCDEB
≈ Fail Whale
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.86:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}