Couleur nommée la plus proche · #789FBD
#789FBD
Couleur nommée la plus proche: Far Horizons
#789FBD (rgb(120 159 189), hsl(206 34% 61%), oklch(0.685 0.062 241.9)) est la plus proche de la couleur nommée Far Horizons. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#789FBD
oklch(0.685 0.062 241.9)
Conversions de couleur
- HEX
- #789fbd
- RGB
- rgb(120 159 189)
- HSL
- hsl(206 34% 61%)
- HWB
- hwb(206 47% 26%)
- OKLCH
- oklch(0.685 0.062 241.9)
- OKLab
- oklab(0.685 -0.029 -0.054)
- CIE Lab
- lab(63.44 -8.1 -20.1)
- LCH
- lch(63.44 21.67 248)
- CMYK
- cmyk(37% 16% 0% 26%)
Teintes · Ombres · Tons
Teintes
- 85A8C4
- 92B2CA
- A0BBD1
- ADC5D7
- BACEDE
- C8D8E5
- D6E2EB
- E3EBF2
- F1F5F8
Ombres
- 678AA4
- 57758C
- 486174
- 394D5D
- 2A3B47
- 1D2933
- 10181F
- 05090D
- 010102
Tons
- 799CB7
- 7A99B1
- 7B96AB
- 7C93A4
- 7D909E
- 7E8D98
- 7E8992
- 7F868C
- 808386
Harmonies de couleurs
Complémentaire +180°
- 789FBD
Far Horizons
- B69273
≈ Toasted
Analogue -30° +30°
- 789FBD
Far Horizons
- 6CA4B0
≈ Stillwater
- 8C98C1
≈ Manifest Destiny
Triadique +120° +240°
- 789FBD
Far Horizons
- BB8A97
≈ Mauvey Nude
- 93A076
≈ Broccoflower
Complémentaire divisée +150° +210°
- 789FBD
Far Horizons
- BD8C82
≈ Venetian Pink
- A7996E
≈ Sunbaked Adobe
Tétradique +90° +180° +270°
- 789FBD
Far Horizons
- B18CAB
≈ Fashionably Plum
- B69273
≈ Toasted
- 7EA587
≈ Corporate Green
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 {
--far-horizons: #789fbd;
--far-horizons-rgb: 120 159 189;
--far-horizons-oklch: oklch(0.685 0.062 241.9);
}
.element {
color: var(--far-horizons);
background-color: hsl(206 34% 61%);
border-color: oklch(0.685 0.062 241.9);
}Tailwind CSS v4
@theme {
--color-far-horizons: #789fbd;
--color-far-horizons-50: #e7f8ff;
--color-far-horizons-100: #d7ebfb;
--color-far-horizons-200: #bfd8ed;
--color-far-horizons-300: #9dbcd5;
--color-far-horizons-400: #7ea3c0;
--color-far-horizons-500: #618cac;
--color-far-horizons-600: #527691;
--color-far-horizons-700: #425e74;
--color-far-horizons-800: #2e4556;
--color-far-horizons-900: #1f303c;
--color-far-horizons-950: #0f1c26;
}SCSS
$far-horizons: #789fbd;
$far-horizons-rgb: 120, 159, 189;
$far-horizons-light: mix(#fff, $far-horizons, 20%);
$far-horizons-dark: mix(#000, $far-horizons, 20%);
.element {
color: $far-horizons;
box-shadow: 0 0 0 2px rgba($far-horizons, 0.35);
}