Cor nomeada · #EFAFA7
Lusty Salmon
Lusty Salmon é #EFAFA7: rgb(239 175 167), hsl(7 69% 80%), oklch(0.812 0.076 26.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Lusty Salmon color name →
#EFAFA7
oklch(0.812 0.076 26.9)
Conversões de cor
- HEX
- #efafa7
- RGB
- rgb(239 175 167)
- HSL
- hsl(7 69% 80%)
- HWB
- hwb(7 65% 6%)
- OKLCH
- oklch(0.812 0.076 26.9)
- OKLab
- oklab(0.812 0.068 0.035)
- CIE Lab
- lab(77.45 23.31 13.82)
- LCH
- lch(77.45 27.1 30.7)
- CMYK
- cmyk(0% 27% 30% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1B7B0
- F3BFB8
- F5C7C1
- F7CFCA
- F9D7D2
- FADFDB
- FCE7E4
- FDEFED
- FEF7F6
Sombras
- D09891
- B1817B
- 946B66
- 785652
- 5C413E
- 422E2C
- 2A1C1A
- 140B0A
- 030101
Tons
- E4AAA3
- D8A69F
- CDA19B
- C29C97
- B79893
- AC9390
- A18E8C
- 968988
- 8B8584
Harmonias de cor
Complementar +180°
- EFAFA7
Lusty Salmon
- 84D0DA
≈ Sea of Tranquillity
Análoga -30° +30°
- EFAFA7
Lusty Salmon
- EBADC2
≈ Pink Macaroon
- E8B591
≈ Gentle Doe
Tríade +120° +240°
- EFAFA7
Lusty Salmon
- A1CFA5
≈ Fescue
- ABC1F4
≈ Sky High
Complementar dividida +150° +210°
- EFAFA7
Lusty Salmon
- 8AD2C0
≈ Blue Frosting
- 92CAED
≈ Pacific Ocean
Tétrade +90° +180° +270°
- EFAFA7
Lusty Salmon
- BEC890
≈ Marsh Fern
- 84D0DA
≈ Sea of Tranquillity
- C6B8EE
≈ Connecticut Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.36:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--lusty-salmon: #efafa7;
--lusty-salmon-rgb: 239 175 167;
--lusty-salmon-oklch: oklch(0.812 0.076 26.9);
}
.element {
color: var(--lusty-salmon);
background-color: hsl(7 69% 80%);
border-color: oklch(0.812 0.076 26.9);
}Tailwind CSS v4
@theme {
--color-lusty-salmon: #efafa7;
--color-lusty-salmon-50: #ffeee9;
--color-lusty-salmon-100: #ffdfd9;
--color-lusty-salmon-200: #f3c9c2;
--color-lusty-salmon-300: #dca9a1;
--color-lusty-salmon-400: #c88d86;
--color-lusty-salmon-500: #b3726b;
--color-lusty-salmon-600: #98615b;
--color-lusty-salmon-700: #7a4d48;
--color-lusty-salmon-800: #5a3835;
--color-lusty-salmon-900: #3f2624;
--color-lusty-salmon-950: #281413;
}SCSS
$lusty-salmon: #efafa7;
$lusty-salmon-rgb: 239, 175, 167;
$lusty-salmon-light: mix(#fff, $lusty-salmon, 20%);
$lusty-salmon-dark: mix(#000, $lusty-salmon, 20%);
.element {
color: $lusty-salmon;
box-shadow: 0 0 0 2px rgba($lusty-salmon, 0.35);
}