Dichtstbijzijnde benoemde kleur · #7A2553
#7A2553
Dichtstbijzijnde benoemde kleur: Flirt
#7A2553 (rgb(122 37 83), hsl(328 53% 31%), oklch(0.41 0.128 350.8)) komt het dichtst bij de benoemde kleur Flirt. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7A2553
oklch(0.41 0.128 350.8)
Kleurconversies
- HEX
- #7a2553
- RGB
- rgb(122 37 83)
- HSL
- hsl(328 53% 31%)
- HWB
- hwb(328 15% 52%)
- OKLCH
- oklch(0.41 0.128 350.8)
- OKLab
- oklab(0.41 0.126 -0.02)
- CIE Lab
- lab(29.86 40.59 -7.22)
- LCH
- lch(29.86 41.23 349.9)
- CMYK
- cmyk(0% 70% 32% 52%)
Tinten · Schaduwen · Tonen
Tinten
- 893C63
- 975173
- A56683
- B27B94
- C090A5
- CDA6B6
- DABBC8
- E6D2DA
- F3E8EC
Schaduwen
- 691F47
- 59193B
- 491330
- 3A0D25
- 2B081B
- 1D0411
- 100208
- 050002
- 010000
Tonen
- 7C3057
- 7E3A5C
- 7F4460
- 804D65
- 815569
- 815E6E
- 826772
- 816F77
- 81787B
Kleurharmonieën
Complementair +180°
- 7A2553
Flirt
- 005844
≈ Billiard Table
Analoog -30° +30°
- 7A2553
Flirt
- 682E74
≈ Purple Magic
- 82242B
≈ Red Dahlia
Triadisch +120° +240°
- 7A2553
Flirt
- 4D4E00
≈ Scorzonera Brown
- 00526F
≈ Captain Blue
Gesplitst complementair +150° +210°
- 7A2553
Flirt
- 185A09
≈ Lincoln Green
- 00555A
≈ Deep Teal
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.47:1 · APCA Lc 91
Ag
FailOp zwart
WCAG 2.21:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--flirt: #7a2553;
--flirt-rgb: 122 37 83;
--flirt-oklch: oklch(0.41 0.128 350.8);
}
.element {
color: var(--flirt);
background-color: hsl(328 53% 31%);
border-color: oklch(0.41 0.128 350.8);
}Tailwind CSS v4
@theme {
--color-flirt: #7a2553;
--color-flirt-50: #ffe7f8;
--color-flirt-100: #ffd7ec;
--color-flirt-200: #ffbed9;
--color-flirt-300: #eb9cbd;
--color-flirt-400: #d77ea8;
--color-flirt-500: #c35f91;
--color-flirt-600: #a5517a;
--color-flirt-700: #844062;
--color-flirt-800: #622e49;
--color-flirt-900: #451f33;
--color-flirt-950: #2c0f1f;
}SCSS
$flirt: #7a2553;
$flirt-rgb: 122, 37, 83;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}