Color con nombre más cercano · #EBB4AA
#EBB4AA
Color con nombre más cercano: Salmon Glow
#EBB4AA (rgb(235 180 170), hsl(9 62% 79%), oklch(0.817 0.066 30.3)) se parece más al color con nombre Salmon Glow. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EBB4AA
oklch(0.817 0.066 30.3)
Conversiones de color
- HEX
- #ebb4aa
- RGB
- rgb(235 180 170)
- HSL
- hsl(9 62% 79%)
- HWB
- hwb(9 67% 8%)
- OKLCH
- oklch(0.817 0.066 30.3)
- OKLab
- oklab(0.817 0.057 0.033)
- CIE Lab
- lab(78.25 19.55 13.25)
- LCH
- lch(78.25 23.61 34.1)
- CMYK
- cmyk(0% 23% 28% 8%)
Tintes · Sombras · Tonos
Tintes
- EDBBB2
- F0C3BB
- F2CAC3
- F4D2CB
- F6D9D4
- F8E1DC
- FAE8E5
- FCF0EE
- FDF7F6
Sombras
- CC9C93
- AE857D
- 916E68
- 755853
- 5B443F
- 41302D
- 291D1B
- 130C0B
- 030201
Tonos
- E0AFA6
- D5AAA2
- CAA49D
- C09F99
- B59A95
- AA9591
- A0908D
- 958A88
- 8B8584
Armonías de color
Complementario +180°
- EBB4AA
Salmon Glow
- 90CFDB
≈ Winter Chill
Análogo -30° +30°
- EBB4AA
Salmon Glow
- E8B2C1
≈ Athena Pink
- E4BA99
≈ Sumptuous Peach
Triádico +120° +240°
- EBB4AA
Salmon Glow
- A5D0AD
≈ Merrylyn
- B3C2EF
≈ Larkspur Bud
Complementario dividido +150° +210°
- EBB4AA
Salmon Glow
- 94D2C5
≈ Opal Turquoise
- 9DCAEA
≈ Fail Whale
Tetrádico +90° +180° +270°
- EBB4AA
Salmon Glow
- BDCA9A
≈ White Grape
- 90CFDB
≈ Winter Chill
- CABAE8
≈ Drifting Dream
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.64:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--salmon-glow: #ebb4aa;
--salmon-glow-rgb: 235 180 170;
--salmon-glow-oklch: oklch(0.817 0.066 30.3);
}
.element {
color: var(--salmon-glow);
background-color: hsl(9 62% 79%);
border-color: oklch(0.817 0.066 30.3);
}Tailwind CSS v4
@theme {
--color-salmon-glow: #ebb4aa;
--color-salmon-glow-50: #ffefe9;
--color-salmon-glow-100: #fde0da;
--color-salmon-glow-200: #efcbc3;
--color-salmon-glow-300: #d7aca2;
--color-salmon-glow-400: #c29087;
--color-salmon-glow-500: #ae766c;
--color-salmon-glow-600: #93645c;
--color-salmon-glow-700: #765049;
--color-salmon-glow-800: #573a35;
--color-salmon-glow-900: #3d2824;
--color-salmon-glow-950: #261613;
}SCSS
$salmon-glow: #ebb4aa;
$salmon-glow-rgb: 235, 180, 170;
$salmon-glow-light: mix(#fff, $salmon-glow, 20%);
$salmon-glow-dark: mix(#000, $salmon-glow, 20%);
.element {
color: $salmon-glow;
box-shadow: 0 0 0 2px rgba($salmon-glow, 0.35);
}