Dichtstbijzijnde benoemde kleur · #50000C
#50000C
Dichtstbijzijnde benoemde kleur: Cherry Picking
#50000C (rgb(80 0 12), hsl(351 100% 16%), oklch(0.272 0.11 21.7)) komt het dichtst bij de benoemde kleur Cherry Picking. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#50000C
oklch(0.272 0.11 21.7)
Kleurconversies
- HEX
- #50000c
- RGB
- rgb(80 0 12)
- HSL
- hsl(351 100% 16%)
- HWB
- hwb(351 0% 69%)
- OKLCH
- oklch(0.272 0.11 21.7)
- OKLab
- oklab(0.272 0.102 0.04)
- CIE Lab
- lab(14.44 35.13 17.83)
- LCH
- lch(14.44 39.4 26.9)
- CMYK
- cmyk(0% 100% 85% 69%)
Tinten · Schaduwen · Tonen
Tinten
- 631E21
- 753737
- 874E4D
- 996664
- AA7E7C
- BB9795
- CCB0AF
- DDCAC9
- EEE4E4
Schaduwen
- 440009
- 390006
- 2E0004
- 240003
- 1A0002
- 100001
- 070000
- 020000
- 000000
Tonen
- 561317
- 5D2122
- 622E2D
- 683A39
- 6D4544
- 715150
- 765D5B
- 796867
- 7D7474
Kleurharmonieën
Complementair +180°
- 50000C
Cherry Picking
- 002E31
≈ Roof Tile Green
Analoog -30° +30°
- 50000C
Cherry Picking
- 4B022D
≈ Dark Sanctuary
- 411B00
≈ Bath in Chocolate
Triadisch +120° +240°
- 50000C
Cherry Picking
- 033100
≈ Serpentine Shadow
- 04215B
≈ Downriver
Gesplitst complementair +150° +210°
- 50000C
Cherry Picking
- 002F24
≈ Dark Jungle
- 002B3D
≈ Murky Depths
Tetradisch +90° +180° +270°
- 50000C
Cherry Picking
- 282900
≈ Liquorice Root
- 002E31
≈ Roof Tile Green
- 2A1657
≈ Voldemort
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 15.59:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.34:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 15.59:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--cherry-picking: #50000c;
--cherry-picking-rgb: 80 0 12;
--cherry-picking-oklch: oklch(0.272 0.11 21.7);
}
.element {
color: var(--cherry-picking);
background-color: hsl(351 100% 16%);
border-color: oklch(0.272 0.11 21.7);
}Tailwind CSS v4
@theme {
--color-cherry-picking: #50000c;
--color-cherry-picking-50: #ffeae6;
--color-cherry-picking-100: #ffdad6;
--color-cherry-picking-200: #ffc3be;
--color-cherry-picking-300: #eaa19c;
--color-cherry-picking-400: #d88481;
--color-cherry-picking-500: #c46665;
--color-cherry-picking-600: #a65756;
--color-cherry-picking-700: #854544;
--color-cherry-picking-800: #633233;
--color-cherry-picking-900: #452222;
--color-cherry-picking-950: #2d1112;
}SCSS
$cherry-picking: #50000c;
$cherry-picking-rgb: 80, 0, 12;
$cherry-picking-light: mix(#fff, $cherry-picking, 20%);
$cherry-picking-dark: mix(#000, $cherry-picking, 20%);
.element {
color: $cherry-picking;
box-shadow: 0 0 0 2px rgba($cherry-picking, 0.35);
}