Dichtstbijzijnde benoemde kleur · #C04F58
#C04F58
Dichtstbijzijnde benoemde kleur: Pimm’s
#C04F58 (rgb(192 79 88), hsl(355 47% 53%), oklch(0.577 0.145 18.1)) komt het dichtst bij de benoemde kleur Pimm’s. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C04F58
oklch(0.577 0.145 18.1)
Kleurconversies
- HEX
- #c04f58
- RGB
- rgb(192 79 88)
- HSL
- hsl(355 47% 53%)
- HWB
- hwb(355 31% 25%)
- OKLCH
- oklch(0.577 0.145 18.1)
- OKLab
- oklab(0.577 0.138 0.045)
- CIE Lab
- lab(49.4 46.77 19.15)
- LCH
- lch(49.4 50.54 22.3)
- CMYK
- cmyk(0% 59% 54% 25%)
Tinten · Schaduwen · Tonen
Tinten
- C86268
- D07477
- D88588
- DF9698
- E5A8A8
- EBB9B9
- F1CACA
- F6DCDC
- FBEDED
Schaduwen
- A7444B
- 8E383F
- 762E33
- 5F2328
- 49191D
- 341012
- 200709
- 0E0203
- 020000
Tonen
- BB565C
- B55C60
- B06164
- AA6668
- A46B6C
- 9D7070
- 977474
- 907878
- 887C7C
Kleurharmonieën
Complementair +180°
- C04F58
Pimm’s
- 008B8E
≈ Duvall
Analoog -30° +30°
- C04F58
Pimm’s
- B55088
≈ Pink Pizzazz
- BC591A
≈ Titian Red
Triadisch +120° +240°
- C04F58
Pimm’s
- 498D2F
≈ Resplendent Growth
- 3E78CE
≈ Fading Night
Gesplitst complementair +150° +210°
- C04F58
Pimm’s
- 008F6C
≈ Sea Swell
- 0085AE
≈ Lyrebird
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.66:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 30
Beste tekstkleur: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--pimm-s: #c04f58;
--pimm-s-rgb: 192 79 88;
--pimm-s-oklch: oklch(0.577 0.145 18.1);
}
.element {
color: var(--pimm-s);
background-color: hsl(355 47% 53%);
border-color: oklch(0.577 0.145 18.1);
}Tailwind CSS v4
@theme {
--color-pimm-s: #c04f58;
--color-pimm-s-50: #ffe5e4;
--color-pimm-s-100: #ffd5d4;
--color-pimm-s-200: #ffbcba;
--color-pimm-s-300: #f99898;
--color-pimm-s-400: #e7787d;
--color-pimm-s-500: #d55661;
--color-pimm-s-600: #b44a52;
--color-pimm-s-700: #913b41;
--color-pimm-s-800: #6c2931;
--color-pimm-s-900: #4c1c21;
--color-pimm-s-950: #320b10;
}SCSS
$pimm-s: #c04f58;
$pimm-s-rgb: 192, 79, 88;
$pimm-s-light: mix(#fff, $pimm-s, 20%);
$pimm-s-dark: mix(#000, $pimm-s, 20%);
.element {
color: $pimm-s;
box-shadow: 0 0 0 2px rgba($pimm-s, 0.35);
}