Color con nombre más cercano · #8093FF
#8093FF
Color con nombre más cercano: Orchid
#8093FF (rgb(128 147 255), hsl(231 100% 75%), oklch(0.697 0.159 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.
#8093FF
oklch(0.697 0.159 274)
Conversiones de color
- HEX
- #8093ff
- RGB
- rgb(128 147 255)
- HSL
- hsl(231 100% 75%)
- HWB
- hwb(231 50% 0%)
- OKLCH
- oklch(0.697 0.159 274)
- OKLab
- oklab(0.697 0.011 -0.159)
- CIE Lab
- lab(63.16 15.31 -56.86)
- LCH
- lch(63.16 58.88 285.1)
- CMYK
- cmyk(50% 42% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 8C9EFF
- 97AAFF
- A4B5FF
- B0BFFF
- BDCAFF
- CAD5FF
- D7DFFF
- E4EAFF
- F1F5FF
Sombras
- 6E7FDE
- 5D6CBE
- 4D599E
- 3D4780
- 2E3663
- 1F2548
- 12162E
- 060816
- 010103
Tonos
- 8092F2
- 8090E6
- 7F8FD9
- 7F8DCC
- 7F8BC0
- 7F89B3
- 8087A6
- 80859A
- 80838D
Armonías de color
Complementario +180°
- 8093FF
Orchid
- BB9B00
≈ Perennial
Análogo -30° +30°
- 8093FF
Orchid
- 28A5F8
≈ Rockman Blue
- B381ED
≈ Lavender Blossom
Triádico +120° +240°
- 8093FF
Orchid
- EF7357
≈ Temple of Orange
- 31B96E
≈ Turtle Warrior
Complementario dividido +150° +210°
- 8093FF
Orchid
- DF8400
≈ Tangerine Haze
- 89AD27
≈ German Hop
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.53:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--orchid: #8093ff;
--orchid-rgb: 128 147 255;
--orchid-oklch: oklch(0.697 0.159 274);
}
.element {
color: var(--orchid);
background-color: hsl(231 100% 75%);
border-color: oklch(0.697 0.159 274);
}Tailwind CSS v4
@theme {
--color-orchid: #8093ff;
--color-orchid-50: #e8f2ff;
--color-orchid-100: #d9e4ff;
--color-orchid-200: #c1cfff;
--color-orchid-300: #a1b0ff;
--color-orchid-400: #8295fb;
--color-orchid-500: #6879ee;
--color-orchid-600: #5866c8;
--color-orchid-700: #4652a1;
--color-orchid-800: #303c79;
--color-orchid-900: #202955;
--color-orchid-950: #101739;
}SCSS
$orchid: #8093ff;
$orchid-rgb: 128, 147, 255;
$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);
}