Dichtstbijzijnde benoemde kleur · #D7819E
#D7819E
Dichtstbijzijnde benoemde kleur: Primrose
#D7819E (rgb(215 129 158), hsl(340 52% 67%), oklch(0.703 0.111 358.7)) komt het dichtst bij de benoemde kleur Primrose. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D7819E
oklch(0.703 0.111 358.7)
Kleurconversies
- HEX
- #d7819e
- RGB
- rgb(215 129 158)
- HSL
- hsl(340 52% 67%)
- HWB
- hwb(340 51% 16%)
- OKLCH
- oklch(0.703 0.111 358.7)
- OKLab
- oklab(0.703 0.111 -0.003)
- CIE Lab
- lab(64.1 36.66 -0.55)
- LCH
- lch(64.1 36.66 359.1)
- CMYK
- cmyk(0% 40% 27% 16%)
Tinten · Schaduwen · Tonen
Tinten
- DC8EA7
- E19AB1
- E5A7BA
- EAB3C4
- EEC0CD
- F2CCD7
- F5D9E1
- F9E6EB
- FCF2F5
Schaduwen
- BB6F89
- 9F5E74
- 854E60
- 6B3E4D
- 522E3A
- 3B1F29
- 251218
- 110609
- 020101
Tonen
- CF819B
- C68298
- BE8295
- B58292
- AD828F
- A4828C
- 9B8189
- 928186
- 898183
Kleurharmonieën
Complementair +180°
- D7819E
Primrose
- 3CB6A0
≈ Capture
Analoog -30° +30°
- D7819E
Primrose
- C586C2
≈ Dragonflies
- DC8477
≈ New York Pink
Triadisch +120° +240°
- D7819E
Primrose
- 98A955
≈ Springtide Melodies
- 56A9DD
≈ Blue Astro
Gesplitst complementair +150° +210°
- D7819E
Primrose
- 6CB278
≈ Appleton
- 2DB2C4
≈ Lago Blue
Tetradisch +90° +180° +270°
- D7819E
Primrose
- BB9B45
≈ Brown Rum
- 3CB6A0
≈ Capture
- 829CE5
≈ Portage
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.52:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--primrose: #d7819e;
--primrose-rgb: 215 129 158;
--primrose-oklch: oklch(0.703 0.111 358.7);
}
.element {
color: var(--primrose);
background-color: hsl(340 52% 67%);
border-color: oklch(0.703 0.111 358.7);
}Tailwind CSS v4
@theme {
--color-primrose: #d7819e;
--color-primrose-50: #ffe9f3;
--color-primrose-100: #ffd9e6;
--color-primrose-200: #fec1d2;
--color-primrose-300: #e7a0b4;
--color-primrose-400: #d4829d;
--color-primrose-500: #c06485;
--color-primrose-600: #a25570;
--color-primrose-700: #82445a;
--color-primrose-800: #603143;
--color-primrose-900: #44212e;
--color-primrose-950: #2b101b;
}SCSS
$primrose: #d7819e;
$primrose-rgb: 215, 129, 158;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}