Dichtstbijzijnde benoemde kleur · #AC3E6C
#AC3E6C
Dichtstbijzijnde benoemde kleur: Hibiscus
#AC3E6C (rgb(172 62 108), hsl(335 47% 46%), oklch(0.53 0.15 357.6)) komt het dichtst bij de benoemde kleur Hibiscus. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#AC3E6C
oklch(0.53 0.15 357.6)
Kleurconversies
- HEX
- #ac3e6c
- RGB
- rgb(172 62 108)
- HSL
- hsl(335 47% 46%)
- HWB
- hwb(335 24% 33%)
- OKLCH
- oklch(0.53 0.15 357.6)
- OKLab
- oklab(0.53 0.15 -0.006)
- CIE Lab
- lab(43.57 48.72 -1.74)
- LCH
- lch(43.57 48.75 358)
- CMYK
- cmyk(0% 64% 37% 33%)
Tinten · Schaduwen · Tonen
Tinten
- B6537A
- C06688
- C97996
- D28CA4
- DB9FB3
- E3B2C2
- EBC5D1
- F2D8E0
- F9ECEF
Schaduwen
- 95355D
- 7F2B4E
- 692340
- 541A32
- 401225
- 2D0A19
- 1B040D
- 0B0104
- 010000
Tonen
- A9476E
- A64F70
- A25672
- 9E5D74
- 9A6376
- 966978
- 916F7A
- 8C757C
- 867B7E
Kleurharmonieën
Complementair +180°
- AC3E6C
Hibiscus
- 007E6B
≈ Mediaeval Forest
Analoog -30° +30°
- AC3E6C
Hibiscus
- 984697
≈ Hyacinth Violet
- B24038
≈ Italian Red
Triadisch +120° +240°
- AC3E6C
Hibiscus
- 677400
≈ Topiary Green
- 0074A7
≈ Methyl Blue
Gesplitst complementair +150° +210°
- AC3E6C
Hibiscus
- 0D8233
≈ Pharmaceutical Green
- 007A87
≈ Biscay Bay
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.73:1 · APCA Lc 78
Ag
FailOp zwart
WCAG 3.65:1 · APCA Lc 24
Beste tekstkleur: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--hibiscus: #ac3e6c;
--hibiscus-rgb: 172 62 108;
--hibiscus-oklch: oklch(0.53 0.15 357.6);
}
.element {
color: var(--hibiscus);
background-color: hsl(335 47% 46%);
border-color: oklch(0.53 0.15 357.6);
}Tailwind CSS v4
@theme {
--color-hibiscus: #ac3e6c;
--color-hibiscus-50: #ffe4f4;
--color-hibiscus-100: #ffd4e6;
--color-hibiscus-200: #ffbad2;
--color-hibiscus-300: #f696b5;
--color-hibiscus-400: #e3759f;
--color-hibiscus-500: #d05386;
--color-hibiscus-600: #b04772;
--color-hibiscus-700: #8d395b;
--color-hibiscus-800: #692844;
--color-hibiscus-900: #4a1b2f;
--color-hibiscus-950: #300b1c;
}SCSS
$hibiscus: #ac3e6c;
$hibiscus-rgb: 172, 62, 108;
$hibiscus-light: mix(#fff, $hibiscus, 20%);
$hibiscus-dark: mix(#000, $hibiscus, 20%);
.element {
color: $hibiscus;
box-shadow: 0 0 0 2px rgba($hibiscus, 0.35);
}