Color con nombre más cercano · #EE8F7B
#EE8F7B
Color con nombre más cercano: Lox
#EE8F7B (rgb(238 143 123), hsl(10 77% 71%), oklch(0.745 0.12 32.7)) se parece más al color con nombre Lox. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EE8F7B
oklch(0.745 0.12 32.7)
Conversiones de color
- HEX
- #ee8f7b
- RGB
- rgb(238 143 123)
- HSL
- hsl(10 77% 71%)
- HWB
- hwb(10 48% 7%)
- OKLCH
- oklch(0.745 0.12 32.7)
- OKLab
- oklab(0.745 0.101 0.065)
- CIE Lab
- lab(69.41 35.4 26.86)
- LCH
- lch(69.41 44.44 37.2)
- CMYK
- cmyk(0% 40% 48% 7%)
Tintes · Sombras · Tonos
Tintes
- F19B88
- F4A695
- F6B1A2
- F8BCAF
- FAC7BC
- FCD3C9
- FDDED7
- FEE9E4
- FFF4F1
Sombras
- CF7C6A
- B1695A
- 93574A
- 77453A
- 5C342C
- 42241E
- 2A1510
- 140705
- 030101
Tonos
- E38E7C
- D88D7D
- CE8C7D
- C38A7E
- B8897F
- AD877F
- A2867F
- 978480
- 8B8280
Armonías de color
Complementario +180°
- EE8F7B
Lox
- 31C0D9
≈ Caribbean Blue
Análogo -30° +30°
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.37:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.85:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--lox: #ee8f7b;
--lox-rgb: 238 143 123;
--lox-oklch: oklch(0.745 0.12 32.7);
}
.element {
color: var(--lox);
background-color: hsl(10 77% 71%);
border-color: oklch(0.745 0.12 32.7);
}Tailwind CSS v4
@theme {
--color-lox: #ee8f7b;
--color-lox-50: #ffeadf;
--color-lox-100: #ffdacd;
--color-lox-200: #ffc3b2;
--color-lox-300: #eea18e;
--color-lox-400: #dc8370;
--color-lox-500: #c96551;
--color-lox-600: #aa5645;
--color-lox-700: #884437;
--color-lox-800: #653128;
--color-lox-900: #47211b;
--color-lox-950: #2e100b;
}SCSS
$lox: #ee8f7b;
$lox-rgb: 238, 143, 123;
$lox-light: mix(#fff, $lox, 20%);
$lox-dark: mix(#000, $lox, 20%);
.element {
color: $lox;
box-shadow: 0 0 0 2px rgba($lox, 0.35);
}