Color con nombre más cercano · #8093FC
#8093FC
Color con nombre más cercano: Orchid
#8093FC (rgb(128 147 252), hsl(231 95% 75%), oklch(0.695 0.155 274)) se parece más al color con nombre Orchid. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8093FC
oklch(0.695 0.155 274)
Conversiones de color
- HEX
- #8093fc
- RGB
- rgb(128 147 252)
- HSL
- hsl(231 95% 75%)
- HWB
- hwb(231 50% 1%)
- OKLCH
- oklch(0.695 0.155 274)
- OKLab
- oklab(0.695 0.011 -0.155)
- CIE Lab
- lab(63.03 14.59 -55.43)
- LCH
- lch(63.03 57.32 284.7)
- CMYK
- cmyk(49% 42% 0% 1%)
Tintes · Sombras · Tonos
Tintes
- 8C9EFD
- 97A9FE
- A4B4FF
- B0BFFF
- BDCAFF
- CAD5FF
- D7DFFF
- E4EAFF
- F1F4FF
Sombras
- 6E7FDB
- 5D6CBB
- 4D599C
- 3D477E
- 2E3662
- 1F2547
- 12162D
- 060816
- 010103
Tonos
- 8092F0
- 8090E3
- 7F8FD7
- 7F8DCA
- 7F8BBE
- 7F89B2
- 8087A5
- 808599
- 80838D
Armonías de color
Complementario +180°
- 8093FC
Orchid
- BA9A00
≈ Hidden Tribe
Análogo -30° +30°
- 8093FC
Orchid
- 2EA5F5
≈ Rockman Blue
- B282EA
≈ Lavender Blossom
Triádico +120° +240°
- 8093FC
Orchid
- ED7459
≈ Temple of Orange
- 36B86F
≈ Turtle Warrior
Complementario dividido +150° +210°
- 8093FC
Orchid
- DE840B
≈ Tangerine Haze
- 89AC2C
≈ German Hop
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--orchid: #8093fc;
--orchid-rgb: 128 147 252;
--orchid-oklch: oklch(0.695 0.155 274);
}
.element {
color: var(--orchid);
background-color: hsl(231 95% 75%);
border-color: oklch(0.695 0.155 274);
}Tailwind CSS v4
@theme {
--color-orchid: #8093fc;
--color-orchid-50: #e8f2ff;
--color-orchid-100: #d9e4ff;
--color-orchid-200: #c2cfff;
--color-orchid-300: #a2b0ff;
--color-orchid-400: #8395f9;
--color-orchid-500: #6879eb;
--color-orchid-600: #5867c6;
--color-orchid-700: #46529f;
--color-orchid-800: #303d77;
--color-orchid-900: #212a54;
--color-orchid-950: #101739;
}SCSS
$orchid: #8093fc;
$orchid-rgb: 128, 147, 252;
$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);
}