Benoemde kleur · #A78490
Lacy Mist
Lacy Mist is #A78490: rgb(167 132 144), hsl(339 17% 59%), oklch(0.65 0.046 356). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Lacy Mist color name →
#A78490
oklch(0.65 0.046 356)
Kleurconversies
- HEX
- #a78490
- RGB
- rgb(167 132 144)
- HSL
- hsl(339 17% 59%)
- HWB
- hwb(339 52% 35%)
- OKLCH
- oklch(0.65 0.046 356)
- OKLab
- oklab(0.65 0.046 -0.003)
- CIE Lab
- lab(58.82 15.29 -1.07)
- LCH
- lch(58.82 15.32 356)
- CMYK
- cmyk(0% 21% 14% 35%)
Tinten · Schaduwen · Tonen
Tinten
- B0909B
- B99CA5
- C1A8B0
- CAB4BB
- D3C0C6
- DCCCD1
- E4D9DC
- EDE5E8
- F6F2F3
Schaduwen
- 91727D
- 7B606A
- 664F57
- 523F45
- 3E2F34
- 2C2024
- 1A1215
- 0A0607
- 010101
Tonen
- A3848E
- 9F838D
- 9C838B
- 98838A
- 948288
- 908286
- 8C8185
- 888183
- 848082
Kleurharmonieën
Complementair +180°
- A78490
Lacy Mist
- 72998E
≈ Yucca
Analoog -30° +30°
- A78490
Lacy Mist
- 9E869E
≈ Amethyst Grey Violet
- AA8581
≈ Rocky Mountain
Triadisch +120° +240°
- A78490
Lacy Mist
- 8D9373
≈ Dry Hemlock
- 7594A8
≈ American Anthem
Gesplitst complementair +150° +210°
- A78490
Lacy Mist
- 7E977F
≈ Sea Radish
- 6E989D
≈ Alexandrite Teal
Tetradisch +90° +180° +270°
- A78490
Lacy Mist
- 9C8E6F
≈ Barro Verde
- 72998E
≈ Yucca
- 828FAC
≈ Papilio Argeotus
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.30:1 · APCA Lc 60
Ag
AAOp zwart
WCAG 6.34:1 · APCA Lc 41
Beste tekstkleur: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Codefragmenten
CSS
:root {
--lacy-mist: #a78490;
--lacy-mist-rgb: 167 132 144;
--lacy-mist-oklch: oklch(0.65 0.046 356);
}
.element {
color: var(--lacy-mist);
background-color: hsl(339 17% 59%);
border-color: oklch(0.65 0.046 356);
}Tailwind CSS v4
@theme {
--color-lacy-mist: #a78490;
--color-lacy-mist-50: #fff0f5;
--color-lacy-mist-100: #f6e2e8;
--color-lacy-mist-200: #e6cdd4;
--color-lacy-mist-300: #ccaeb7;
--color-lacy-mist-400: #b6949f;
--color-lacy-mist-500: #a07a87;
--color-lacy-mist-600: #876772;
--color-lacy-mist-700: #6c525b;
--color-lacy-mist-800: #503c43;
--color-lacy-mist-900: #37292f;
--color-lacy-mist-950: #22171b;
}SCSS
$lacy-mist: #a78490;
$lacy-mist-rgb: 167, 132, 144;
$lacy-mist-light: mix(#fff, $lacy-mist, 20%);
$lacy-mist-dark: mix(#000, $lacy-mist, 20%);
.element {
color: $lacy-mist;
box-shadow: 0 0 0 2px rgba($lacy-mist, 0.35);
}