Dichtstbijzijnde benoemde kleur · #A05666
#A05666
Dichtstbijzijnde benoemde kleur: Cherry Berry
#A05666 (rgb(160 86 102), hsl(347 30% 48%), oklch(0.545 0.099 7.1)) komt het dichtst bij de benoemde kleur Cherry Berry. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A05666
oklch(0.545 0.099 7.1)
Kleurconversies
- HEX
- #a05666
- RGB
- rgb(160 86 102)
- HSL
- hsl(347 30% 48%)
- HWB
- hwb(347 34% 37%)
- OKLCH
- oklch(0.545 0.099 7.1)
- OKLab
- oklab(0.545 0.098 0.012)
- CIE Lab
- lab(46.04 32.52 5.16)
- LCH
- lch(46.04 32.93 9)
- CMYK
- cmyk(0% 46% 36% 37%)
Tinten · Schaduwen · Tonen
Tinten
- AA6674
- B57783
- BF8791
- C898A0
- D2A8AF
- DBB9BF
- E5CBCF
- EEDCDF
- F6EDEF
Schaduwen
- 8B4A58
- 763E4A
- 61323C
- 4E272F
- 3B1C23
- 291217
- 19080C
- 090204
- 010000
Tonen
- 9E5B69
- 9B5F6B
- 98646E
- 956870
- 926C73
- 8F7076
- 8C7478
- 88787B
- 847C7D
Kleurharmonieën
Complementair +180°
- A05666
Cherry Berry
- 008279
≈ Blue Winged Teal
Analoog -30° +30°
- A05666
Cherry Berry
- 945985
≈ Antique Fuchsia
- A15A45
≈ Ceramic Brown
Triadisch +120° +240°
- A05666
Cherry Berry
- 607B37
≈ Mangrove Leaf
- 3B75A6
≈ Decoration Blue
Gesplitst complementair +150° +210°
- A05666
Cherry Berry
- 368159
≈ Kākāriki Green
- 007D95
≈ Mosaic Blue
Tetradisch +90° +180° +270°
- A05666
Cherry Berry
- 807020
≈ Wood Garlic
- 008279
≈ Blue Winged Teal
- 626AA9
≈ Twinkle Night
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--cherry-berry: #a05666;
--cherry-berry-rgb: 160 86 102;
--cherry-berry-oklch: oklch(0.545 0.099 7.1);
}
.element {
color: var(--cherry-berry);
background-color: hsl(347 30% 48%);
border-color: oklch(0.545 0.099 7.1);
}Tailwind CSS v4
@theme {
--color-cherry-berry: #a05666;
--color-cherry-berry-50: #ffeaef;
--color-cherry-berry-100: #ffdbe1;
--color-cherry-berry-200: #fbc3cb;
--color-cherry-berry-300: #e5a3ad;
--color-cherry-berry-400: #d18694;
--color-cherry-berry-500: #bd697b;
--color-cherry-berry-600: #a05968;
--color-cherry-berry-700: #804753;
--color-cherry-berry-800: #5f333e;
--color-cherry-berry-900: #42232a;
--color-cherry-berry-950: #2b1218;
}SCSS
$cherry-berry: #a05666;
$cherry-berry-rgb: 160, 86, 102;
$cherry-berry-light: mix(#fff, $cherry-berry, 20%);
$cherry-berry-dark: mix(#000, $cherry-berry, 20%);
.element {
color: $cherry-berry;
box-shadow: 0 0 0 2px rgba($cherry-berry, 0.35);
}