Dichtstbijzijnde benoemde kleur · #AE9CA7
#AE9CA7
Dichtstbijzijnde benoemde kleur: Foggy Plum
#AE9CA7 (rgb(174 156 167), hsl(323 10% 65%), oklch(0.712 0.026 340.5)) komt het dichtst bij de benoemde kleur Foggy Plum. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#AE9CA7
oklch(0.712 0.026 340.5)
Kleurconversies
- HEX
- #ae9ca7
- RGB
- rgb(174 156 167)
- HSL
- hsl(323 10% 65%)
- HWB
- hwb(323 61% 32%)
- OKLCH
- oklch(0.712 0.026 340.5)
- OKLab
- oklab(0.712 0.025 -0.009)
- CIE Lab
- lab(66.21 8.3 -3.21)
- LCH
- lch(66.21 8.9 338.8)
- CMYK
- cmyk(0% 10% 4% 32%)
Tinten · Schaduwen · Tonen
Tinten
- B6A6AF
- BEAFB8
- C6B9C1
- CEC3C9
- D6CCD2
- DED6DB
- E6E0E4
- EEEBED
- F7F5F6
Schaduwen
- 978791
- 80737B
- 6A5F66
- 554C52
- 41393E
- 2E282C
- 1C181A
- 0B090A
- 010101
Tonen
- A999A3
- A5969F
- A0949B
- 9B9197
- 978E93
- 928B8F
- 8E888C
- 898688
- 858384
Kleurharmonieën
Complementair +180°
- AE9CA7
Foggy Plum
- 95A79D
≈ Lotus Leaf
Analoog -30° +30°
- AE9CA7
Foggy Plum
- A79EAE
≈ Goose Wing Grey
- B29C9E
≈ Roaring Twenties
Triadisch +120° +240°
- AE9CA7
Foggy Plum
- A5A390
≈ Cement
- 91A6AE
≈ Galleria Blue
Gesplitst complementair +150° +210°
- AE9CA7
Foggy Plum
- 9CA695
≈ Lichen Green
- 90A8A6
≈ In the Deep End
Tetradisch +90° +180° +270°
- AE9CA7
Foggy Plum
- ADA091
≈ Taupe Tone
- 95A79D
≈ Lotus Leaf
- 96A4B2
≈ Robotic Gods
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.58:1 · APCA Lc 51
Ag
AAAOp zwart
WCAG 8.11:1 · APCA Lc 51
Beste tekstkleur: #000000
WCAG 8.11:1 (AAA) · APCA Lc 51
Contrast pairs
Codefragmenten
CSS
:root {
--foggy-plum: #ae9ca7;
--foggy-plum-rgb: 174 156 167;
--foggy-plum-oklch: oklch(0.712 0.026 340.5);
}
.element {
color: var(--foggy-plum);
background-color: hsl(323 10% 65%);
border-color: oklch(0.712 0.026 340.5);
}Tailwind CSS v4
@theme {
--color-foggy-plum: #ae9ca7;
--color-foggy-plum-50: #fbf2f7;
--color-foggy-plum-100: #efe5ea;
--color-foggy-plum-200: #ddd0d7;
--color-foggy-plum-300: #c2b2bb;
--color-foggy-plum-400: #aa99a3;
--color-foggy-plum-500: #93808b;
--color-foggy-plum-600: #7c6c76;
--color-foggy-plum-700: #63565e;
--color-foggy-plum-800: #493f45;
--color-foggy-plum-900: #322b30;
--color-foggy-plum-950: #1e191c;
}SCSS
$foggy-plum: #ae9ca7;
$foggy-plum-rgb: 174, 156, 167;
$foggy-plum-light: mix(#fff, $foggy-plum, 20%);
$foggy-plum-dark: mix(#000, $foggy-plum, 20%);
.element {
color: $foggy-plum;
box-shadow: 0 0 0 2px rgba($foggy-plum, 0.35);
}