Colore con nome più vicino · #7C9DC5
#7C9DC5
Colore con nome più vicino: Shipmate
#7C9DC5 (rgb(124 157 197), hsl(213 39% 63%), oklch(0.686 0.07 253.6)) è più vicino al colore con nome Shipmate. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7C9DC5
oklch(0.686 0.07 253.6)
Conversioni di colore
- HEX
- #7c9dc5
- RGB
- rgb(124 157 197)
- HSL
- hsl(213 39% 63%)
- HWB
- hwb(213 49% 23%)
- OKLCH
- oklch(0.686 0.07 253.6)
- OKLab
- oklab(0.686 -0.02 -0.067)
- CIE Lab
- lab(63.38 -4.23 -24.62)
- LCH
- lch(63.38 24.98 260.2)
- CMYK
- cmyk(37% 20% 0% 23%)
Tinte · Ombre · Toni
Tinte
- 89A7CB
- 95B0D1
- A2BAD7
- AFC4DD
- BCCDE2
- C9D7E8
- D7E1EE
- E4EBF4
- F1F5F9
Ombre
- 6B88AB
- 5A7392
- 4A5F79
- 3B4C61
- 2C3A4B
- 1E2835
- 111821
- 05090E
- 010102
Toni
- 7D9ABE
- 7D97B7
- 7E94B0
- 7E92A9
- 7F8FA2
- 7F8C9C
- 7F8995
- 80868E
- 808387
Armonie di colore
Complementare +180°
- 7C9DC5
Shipmate
- B59469
≈ Baguette
Analogo -30° +30°
- 7C9DC5
Shipmate
- 68A4BA
≈ Pacific Palisade
- 9495C5
≈ Litmus
Triadico +120° +240°
- 7C9DC5
Shipmate
- C1898D
≈ Prophetess
- 89A478
≈ Succulent Greenhouse
Complementare divisa +150° +210°
- 7C9DC5
Shipmate
- C08D77
≈ Suntan Glow
- A19D6A
≈ Stilted Stalks
Tetradico +90° +180° +270°
- 7C9DC5
Shipmate
- BA89A5
≈ A Plum Job
- B59469
≈ Baguette
- 71A88E
≈ Peacock Silk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--shipmate: #7c9dc5;
--shipmate-rgb: 124 157 197;
--shipmate-oklch: oklch(0.686 0.07 253.6);
}
.element {
color: var(--shipmate);
background-color: hsl(213 39% 63%);
border-color: oklch(0.686 0.07 253.6);
}Tailwind CSS v4
@theme {
--color-shipmate: #7c9dc5;
--color-shipmate-50: #e8f7ff;
--color-shipmate-100: #d9eaff;
--color-shipmate-200: #c1d6f2;
--color-shipmate-300: #a0badb;
--color-shipmate-400: #82a1c7;
--color-shipmate-500: #6589b4;
--color-shipmate-600: #567498;
--color-shipmate-700: #455d7a;
--color-shipmate-800: #30445a;
--color-shipmate-900: #212f3f;
--color-shipmate-950: #101b28;
}SCSS
$shipmate: #7c9dc5;
$shipmate-rgb: 124, 157, 197;
$shipmate-light: mix(#fff, $shipmate, 20%);
$shipmate-dark: mix(#000, $shipmate, 20%);
.element {
color: $shipmate;
box-shadow: 0 0 0 2px rgba($shipmate, 0.35);
}