Nearest named color · #7878FB
#7878FB
Nearest named color: Orchid
#7878FB (rgb(120 120 251), hsl(240 94% 73%), oklch(0.639 0.19 279.6)) is closest to the named color Orchid. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7878FB
oklch(0.639 0.19 279.6)
Color conversions
- HEX
- #7878fb
- RGB
- rgb(120 120 251)
- HSL
- hsl(240 94% 73%)
- HWB
- hwb(240 47% 2%)
- OKLCH
- oklch(0.639 0.19 279.6)
- OKLab
- oklab(0.639 0.032 -0.188)
- CIE Lab
- lab(55.57 27.35 -66.8)
- LCH
- lch(55.57 72.18 292.3)
- CMYK
- cmyk(52% 52% 0% 2%)
Tints · Shades · Tones
Tints
- 8387FD
- 9095FE
- 9CA3FF
- A9B0FF
- B7BEFF
- C5CBFF
- D3D8FF
- E1E5FF
- F0F2FF
Shades
- 6767DA
- 5757BA
- 48489C
- 39397E
- 2A2A61
- 1D1D46
- 10102D
- 050515
- 010103
Tones
- 787AEF
- 787CE3
- 797DD7
- 797FCB
- 7A7FBE
- 7B80B2
- 7C80A6
- 7D809A
- 7F808D
Color harmonies
Complementary +180°
- 7878FB
Orchid
- 9F8C00
≈ Guava Green
Analogous -30° +30°
- 7878FB
Orchid
- 008FF2
≈ Bleu de France
- AE64E1
≈ Violet Voltage
Triadic +120° +240°
- 7878FB
Orchid
- E6561B
≈ Tingle
- 00A66B
≈ Banaue Jade
Split-complementary +150° +210°
- 7878FB
Orchid
- C17A00
≈ Guo Tie Dumpling
- 699E00
≈ Elven Olympics
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.57:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.87:1 · APCA Lc 39
Best text color: #000000
WCAG 5.87:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--orchid: #7878fb;
--orchid-rgb: 120 120 251;
--orchid-oklch: oklch(0.639 0.19 279.6);
}
.element {
color: var(--orchid);
background-color: hsl(240 94% 73%);
border-color: oklch(0.639 0.19 279.6);
}Tailwind CSS v4
@theme {
--color-orchid: #7878fb;
--color-orchid-50: #ebf0ff;
--color-orchid-100: #dde1ff;
--color-orchid-200: #c6caff;
--color-orchid-300: #a8aaff;
--color-orchid-400: #8a8dff;
--color-orchid-500: #726eff;
--color-orchid-600: #605ed7;
--color-orchid-700: #4d4bad;
--color-orchid-800: #353782;
--color-orchid-900: #24265c;
--color-orchid-950: #13133f;
}SCSS
$orchid: #7878fb;
$orchid-rgb: 120, 120, 251;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}