Couleur nommée la plus proche · #8093FC
#8093FC
Couleur nommée la plus proche: Orchid
#8093FC (rgb(128 147 252), hsl(231 95% 75%), oklch(0.695 0.155 274)) est la plus proche de la couleur nommée Orchid. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8093FC
oklch(0.695 0.155 274)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8C9EFD
- 97A9FE
- A4B4FF
- B0BFFF
- BDCAFF
- CAD5FF
- D7DFFF
- E4EAFF
- F1F4FF
Ombres
- 6E7FDB
- 5D6CBB
- 4D599C
- 3D477E
- 2E3662
- 1F2547
- 12162D
- 060816
- 010103
Tons
- 8092F0
- 8090E3
- 7F8FD7
- 7F8DCA
- 7F8BBE
- 7F89B2
- 8087A5
- 808599
- 80838D
Harmonies de couleurs
Complémentaire +180°
- 8093FC
Orchid
- BA9A00
≈ Hidden Tribe
Analogue -30° +30°
- 8093FC
Orchid
- 2EA5F5
≈ Rockman Blue
- B282EA
≈ Lavender Blossom
Triadique +120° +240°
- 8093FC
Orchid
- ED7459
≈ Temple of Orange
- 36B86F
≈ Turtle Warrior
Complémentaire divisée +150° +210°
- 8093FC
Orchid
- DE840B
≈ Tangerine Haze
- 89AC2C
≈ German Hop
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.49:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}