Couleur nommée la plus proche · #869CC1
#869CC1
Couleur nommée la plus proche: Sailing
#869CC1 (rgb(134 156 193), hsl(218 32% 64%), oklch(0.689 0.06 260.7)) est la plus proche de la couleur nommée Sailing. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#869CC1
oklch(0.689 0.06 260.7)
Conversions de couleur
- HEX
- #869cc1
- RGB
- rgb(134 156 193)
- HSL
- hsl(218 32% 64%)
- HWB
- hwb(218 53% 24%)
- OKLCH
- oklch(0.689 0.06 260.7)
- OKLab
- oklab(0.689 -0.01 -0.059)
- CIE Lab
- lab(63.65 -1.41 -21.91)
- LCH
- lch(63.65 21.96 266.3)
- CMYK
- cmyk(31% 19% 0% 24%)
Teintes · Ombres · Tons
Teintes
- 92A6C7
- 9DAFCE
- A9B9D4
- B5C3DA
- C1CDE0
- CDD7E6
- D9E1ED
- E6EBF3
- F2F5F9
Ombres
- 7487A7
- 62738F
- 515F77
- 404C5F
- 303949
- 212834
- 131820
- 06090E
- 010102
Tons
- 8599BA
- 8596B4
- 8494AD
- 8491A7
- 838EA0
- 838B9A
- 828993
- 81868D
- 818386
Harmonies de couleurs
Complémentaire +180°
- 869CC1
Sailing
- AF9870
≈ Bodhi Tree
Analogue -30° +30°
- 869CC1
Sailing
- 74A2BA
≈ Grey Blue
- 9A95BE
≈ Lavender Bonnet
Triadique +120° +240°
- 869CC1
Sailing
- BE8D8B
≈ Rose Brown
- 87A582
≈ Mermaid’s Cove
Complémentaire divisée +150° +210°
- 869CC1
Sailing
- BA917A
≈ Mojave Dusk
- 9C9F74
≈ Pine Trail
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.53:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--sailing: #869cc1;
--sailing-rgb: 134 156 193;
--sailing-oklch: oklch(0.689 0.06 260.7);
}
.element {
color: var(--sailing);
background-color: hsl(218 32% 64%);
border-color: oklch(0.689 0.06 260.7);
}Tailwind CSS v4
@theme {
--color-sailing: #869cc1;
--color-sailing-50: #ecf6ff;
--color-sailing-100: #dde8fd;
--color-sailing-200: #c7d5ef;
--color-sailing-300: #a7b8d7;
--color-sailing-400: #8a9fc3;
--color-sailing-500: #6f87af;
--color-sailing-600: #5f7293;
--color-sailing-700: #4b5b76;
--color-sailing-800: #364357;
--color-sailing-900: #252e3d;
--color-sailing-950: #131b27;
}SCSS
$sailing: #869cc1;
$sailing-rgb: 134, 156, 193;
$sailing-light: mix(#fff, $sailing, 20%);
$sailing-dark: mix(#000, $sailing, 20%);
.element {
color: $sailing;
box-shadow: 0 0 0 2px rgba($sailing, 0.35);
}