Dichtstbijzijnde benoemde kleur · #77316F
#77316F
Dichtstbijzijnde benoemde kleur: Eminence
#77316F (rgb(119 49 111), hsl(307 42% 33%), oklch(0.434 0.127 332.1)) komt het dichtst bij de benoemde kleur Eminence. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#77316F
oklch(0.434 0.127 332.1)
Kleurconversies
- HEX
- #77316f
- RGB
- rgb(119 49 111)
- HSL
- hsl(307 42% 33%)
- HWB
- hwb(307 19% 53%)
- OKLCH
- oklch(0.434 0.127 332.1)
- OKLab
- oklab(0.434 0.112 -0.059)
- CIE Lab
- lab(32.41 37.44 -21.43)
- LCH
- lch(32.41 43.14 330.2)
- CMYK
- cmyk(0% 59% 7% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 85457D
- 93598B
- A16D99
- AE81A7
- BC95B5
- C9AAC4
- D7BFD2
- E4D4E1
- F2E9F0
Schaduwen
- 672960
- 572251
- 471A42
- 381334
- 2A0C27
- 1C061A
- 10030E
- 050104
- 010001
Tonen
- 793A71
- 7A4373
- 7C4B75
- 7D5377
- 7E5A78
- 7F627A
- 7F6A7C
- 80717D
- 80797F
Kleurharmonieën
Complementair +180°
- 77316F
Eminence
- 00622F
≈ Ficus Elastica
Analoog -30° +30°
- 77316F
Eminence
- 5F3B8A
≈ Daisy Bush
- 852B4B
≈ Anemone
Triadisch +120° +240°
- 77316F
Eminence
- 624F00
≈ Olive Brown
- 005B69
≈ Captive
Gesplitst complementair +150° +210°
- 77316F
Eminence
- 475900
≈ Lustrian Undergrowth
- 005E54
≈ Alpine Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.56:1 · APCA Lc 89
Ag
FailOp zwart
WCAG 2.45:1 · APCA Lc 13
Beste tekstkleur: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--eminence: #77316f;
--eminence-rgb: 119 49 111;
--eminence-oklch: oklch(0.434 0.127 332.1);
}
.element {
color: var(--eminence);
background-color: hsl(307 42% 33%);
border-color: oklch(0.434 0.127 332.1);
}Tailwind CSS v4
@theme {
--color-eminence: #77316f;
--color-eminence-50: #ffe8ff;
--color-eminence-100: #ffd9fa;
--color-eminence-200: #f7c0eb;
--color-eminence-300: #e09fd2;
--color-eminence-400: #ca81bf;
--color-eminence-500: #b663ab;
--color-eminence-600: #9a5590;
--color-eminence-700: #7b4374;
--color-eminence-800: #5a3157;
--color-eminence-900: #3f213d;
--color-eminence-950: #281026;
}SCSS
$eminence: #77316f;
$eminence-rgb: 119, 49, 111;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}