Cor nomeada mais próxima · #8193FC
#8193FC
Cor nomeada mais próxima: Orchid
#8193FC (rgb(129 147 252), hsl(231 95% 75%), oklch(0.696 0.155 274.3)) é mais próxima da cor nomeada Orchid. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8193FC
oklch(0.696 0.155 274.3)
Conversões de cor
- HEX
- #8193fc
- RGB
- rgb(129 147 252)
- HSL
- hsl(231 95% 75%)
- HWB
- hwb(231 51% 1%)
- OKLCH
- oklch(0.696 0.155 274.3)
- OKLab
- oklab(0.696 0.012 -0.154)
- CIE Lab
- lab(63.1 14.84 -55.32)
- LCH
- lch(63.1 57.28 285)
- CMYK
- cmyk(49% 42% 0% 1%)
Tons claros · Sombras · Tons
Tons claros
- 8C9EFD
- 98A9FE
- A4B4FF
- B1BFFF
- BDCAFF
- CAD5FF
- D7DFFF
- E4EAFF
- F2F4FF
Sombras
- 6F7FDB
- 5E6CBB
- 4E599C
- 3E477E
- 2E3662
- 1F2547
- 12162D
- 060816
- 010103
Tons
- 8192F0
- 8090E3
- 808FD7
- 808DCA
- 808BBE
- 8089B2
- 8087A5
- 808599
- 80838D
Harmonias de cor
Complementar +180°
- 8193FC
Orchid
- BA9B00
≈ Perennial
Análoga -30° +30°
- 8193FC
Orchid
- 30A5F5
≈ Rockman Blue
- B382EA
≈ Lavender Blossom
Tríade +120° +240°
- 8193FC
Orchid
- ED7559
≈ Temple of Orange
- 35B870
≈ Turtle Warrior
Complementar dividida +150° +210°
- 8193FC
Orchid
- DE850B
≈ Tangerine Haze
- 89AD2E
≈ German Hop
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.51:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--orchid: #8193fc;
--orchid-rgb: 129 147 252;
--orchid-oklch: oklch(0.696 0.155 274.3);
}
.element {
color: var(--orchid);
background-color: hsl(231 95% 75%);
border-color: oklch(0.696 0.155 274.3);
}Tailwind CSS v4
@theme {
--color-orchid: #8193fc;
--color-orchid-50: #e9f2ff;
--color-orchid-100: #dae4ff;
--color-orchid-200: #c2cfff;
--color-orchid-300: #a2b0ff;
--color-orchid-400: #8395f9;
--color-orchid-500: #6979eb;
--color-orchid-600: #5967c6;
--color-orchid-700: #47529f;
--color-orchid-800: #313c77;
--color-orchid-900: #212a54;
--color-orchid-950: #111739;
}SCSS
$orchid: #8193fc;
$orchid-rgb: 129, 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);
}