Colore con nome · #7AA5C9
Seaborne
Seaborne è #7AA5C9: rgb(122 165 201), hsl(207 42% 63%), oklch(0.704 0.071 244.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Seaborne color name →
#7AA5C9
oklch(0.704 0.071 244.3)
Conversioni di colore
- HEX
- #7aa5c9
- RGB
- rgb(122 165 201)
- HSL
- hsl(207 42% 63%)
- HWB
- hwb(207 48% 21%)
- OKLCH
- oklch(0.704 0.071 244.3)
- OKLab
- oklab(0.704 -0.031 -0.064)
- CIE Lab
- lab(65.63 -8.09 -23.43)
- LCH
- lch(65.63 24.79 250.9)
- CMYK
- cmyk(39% 18% 0% 21%)
Tinte · Ombre · Toni
Tinte
- 87AECF
- 94B7D4
- A1C0DA
- AFC9DF
- BCD2E4
- C9DBEA
- D6E4EF
- E4EDF4
- F1F6FA
Ombre
- 698FAE
- 597995
- 49657C
- 3A5164
- 2B3D4C
- 1D2B36
- 101A22
- 050A0F
- 010102
Toni
- 7BA1C2
- 7C9EBA
- 7D9AB3
- 7E96AC
- 7E93A4
- 7F8F9D
- 7F8B96
- 80878E
- 808487
Armonie di colore
Complementare +180°
- 7AA5C9
Seaborne
- BF9771
≈ Wilmington Tan
Analogo -30° +30°
- 7AA5C9
Seaborne
- 6AABBB
≈ Well Water
- 929DCC
≈ Velvet Robe
Triadico +120° +240°
- 7AA5C9
Seaborne
- C68E9A
≈ Beetroot Rice
- 96A877
≈ Lettuce Mound
Complementare divisa +150° +210°
- 7AA5C9
Seaborne
- C89083
≈ Black Hills Gold
- AE9F6D
≈ Zucchini Garden
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.05:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--seaborne: #7aa5c9;
--seaborne-rgb: 122 165 201;
--seaborne-oklch: oklch(0.704 0.071 244.3);
}
.element {
color: var(--seaborne);
background-color: hsl(207 42% 63%);
border-color: oklch(0.704 0.071 244.3);
}Tailwind CSS v4
@theme {
--color-seaborne: #7aa5c9;
--color-seaborne-50: #e5f8ff;
--color-seaborne-100: #d6ebff;
--color-seaborne-200: #bdd8f1;
--color-seaborne-300: #9abcda;
--color-seaborne-400: #7ba4c6;
--color-seaborne-500: #5d8bb2;
--color-seaborne-600: #4f7696;
--color-seaborne-700: #3f5e79;
--color-seaborne-800: #2c4559;
--color-seaborne-900: #1e303e;
--color-seaborne-950: #0d1c27;
}SCSS
$seaborne: #7aa5c9;
$seaborne-rgb: 122, 165, 201;
$seaborne-light: mix(#fff, $seaborne, 20%);
$seaborne-dark: mix(#000, $seaborne, 20%);
.element {
color: $seaborne;
box-shadow: 0 0 0 2px rgba($seaborne, 0.35);
}