Dichtstbijzijnde benoemde kleur · #49054E
#49054E
Dichtstbijzijnde benoemde kleur: Clairvoyant
#49054E (rgb(73 5 78), hsl(296 88% 16%), oklch(0.292 0.129 324.9)) komt het dichtst bij de benoemde kleur Clairvoyant. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#49054E
oklch(0.292 0.129 324.9)
Kleurconversies
- HEX
- #49054e
- RGB
- rgb(73 5 78)
- HSL
- hsl(296 88% 16%)
- HWB
- hwb(296 2% 69%)
- OKLCH
- oklch(0.292 0.129 324.9)
- OKLab
- oklab(0.292 0.106 -0.074)
- CIE Lab
- lab(15.76 36.95 -26.56)
- LCH
- lch(15.76 45.5 324.3)
- CMYK
- cmyk(6% 94% 0% 69%)
Tinten · Schaduwen · Tonen
Tinten
- 5B235F
- 6D3A70
- 7E5281
- 906992
- A381A4
- B599B6
- C7B2C8
- DACBDA
- ECE5EC
Schaduwen
- 3E0443
- 340338
- 2A022D
- 200123
- 170119
- 0E000F
- 060007
- 020002
- 000000
Tonen
- 4F1753
- 552559
- 5B315E
- 613C63
- 664868
- 6C536D
- 715E72
- 766977
- 7B757B
Kleurharmonieën
Complementair +180°
- 49054E
Clairvoyant
- 003708
≈ Dark Green
Analoog -30° +30°
- 49054E
Clairvoyant
- 331464
≈ Candied Blueberry
- 54002F
≈ Mulberry Wood
Triadisch +120° +240°
- 49054E
Clairvoyant
- 392900
≈ Secret Passage
- 003338
≈ Artist Blue
Gesplitst complementair +150° +210°
- 49054E
Clairvoyant
- 2B2F00
≈ Blind Forest
- 00352A
≈ Coach Green
Tetradisch +90° +180° +270°
- 49054E
Clairvoyant
- 462000
≈ Blackened Brown
- 003708
≈ Dark Green
- 003046
≈ Cosmos Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.84:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.41:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.84:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--clairvoyant: #49054e;
--clairvoyant-rgb: 73 5 78;
--clairvoyant-oklch: oklch(0.292 0.129 324.9);
}
.element {
color: var(--clairvoyant);
background-color: hsl(296 88% 16%);
border-color: oklch(0.292 0.129 324.9);
}Tailwind CSS v4
@theme {
--color-clairvoyant: #49054e;
--color-clairvoyant-50: #ffe9ff;
--color-clairvoyant-100: #ffd9ff;
--color-clairvoyant-200: #f3c1f1;
--color-clairvoyant-300: #dba0da;
--color-clairvoyant-400: #c583c8;
--color-clairvoyant-500: #b065b5;
--color-clairvoyant-600: #955699;
--color-clairvoyant-700: #77457b;
--color-clairvoyant-800: #57325c;
--color-clairvoyant-900: #3d2240;
--color-clairvoyant-950: #261129;
}SCSS
$clairvoyant: #49054e;
$clairvoyant-rgb: 73, 5, 78;
$clairvoyant-light: mix(#fff, $clairvoyant, 20%);
$clairvoyant-dark: mix(#000, $clairvoyant, 20%);
.element {
color: $clairvoyant;
box-shadow: 0 0 0 2px rgba($clairvoyant, 0.35);
}