Dichtstbijzijnde benoemde kleur · #6E2F49
#6E2F49
Dichtstbijzijnde benoemde kleur: Flirt
#6E2F49 (rgb(110 47 73), hsl(335 40% 31%), oklch(0.4 0.094 356.3)) komt het dichtst bij de benoemde kleur Flirt. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6E2F49
oklch(0.4 0.094 356.3)
Kleurconversies
- HEX
- #6e2f49
- RGB
- rgb(110 47 73)
- HSL
- hsl(335 40% 31%)
- HWB
- hwb(335 18% 57%)
- OKLCH
- oklch(0.4 0.094 356.3)
- OKLab
- oklab(0.4 0.094 -0.006)
- CIE Lab
- lab(29.19 30.74 -1.94)
- LCH
- lch(29.19 30.81 356.4)
- CMYK
- cmyk(0% 57% 34% 57%)
Tinten · Schaduwen · Tonen
Tinten
- 7D4359
- 8C566A
- 9B6A7B
- A97E8D
- B8939F
- C6A8B2
- D4BDC4
- E3D3D8
- F1E9EB
Schaduwen
- 5F273E
- 502034
- 41192A
- 331220
- 260C17
- 19060E
- 0E0306
- 040102
- 010000
Tonen
- 71384E
- 734054
- 764859
- 78505E
- 7A5864
- 7B6069
- 7D686F
- 7E7075
- 7F787A
Kleurharmonieën
Complementair +180°
- 6E2F49
Flirt
- 005446
≈ Breathe Deeply
Analoog -30° +30°
- 6E2F49
Flirt
- 613362
≈ Wineberry
- 72302B
≈ Auburn
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 6E2F49
Flirt
- 1F5526
≈ Moor-Monster
- 00525A
≈ Cathedral View
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.69:1 · APCA Lc 92
Ag
FailOp zwart
WCAG 2.16:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--flirt: #6e2f49;
--flirt-rgb: 110 47 73;
--flirt-oklch: oklch(0.4 0.094 356.3);
}
.element {
color: var(--flirt);
background-color: hsl(335 40% 31%);
border-color: oklch(0.4 0.094 356.3);
}Tailwind CSS v4
@theme {
--color-flirt: #6e2f49;
--color-flirt-50: #ffebf5;
--color-flirt-100: #ffdbe7;
--color-flirt-200: #f7c4d4;
--color-flirt-300: #e0a4b7;
--color-flirt-400: #cc87a0;
--color-flirt-500: #b76b88;
--color-flirt-600: #9b5b73;
--color-flirt-700: #7c485c;
--color-flirt-800: #5c3444;
--color-flirt-900: #40232f;
--color-flirt-950: #29121c;
}SCSS
$flirt: #6e2f49;
$flirt-rgb: 110, 47, 73;
$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);
}