Colore con nome · #7DABD8
High Seas
High Seas è #7DABD8: rgb(125 171 216), hsl(210 54% 67%), oklch(0.725 0.082 248.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · High Seas color name →
#7DABD8
oklch(0.725 0.082 248.5)
Conversioni di colore
- HEX
- #7dabd8
- RGB
- rgb(125 171 216)
- HSL
- hsl(210 54% 67%)
- HWB
- hwb(210 49% 15%)
- OKLCH
- oklch(0.725 0.082 248.5)
- OKLab
- oklab(0.725 -0.03 -0.077)
- CIE Lab
- lab(67.96 -7.11 -28.1)
- LCH
- lch(67.96 28.99 255.8)
- CMYK
- cmyk(42% 21% 0% 15%)
Tinte · Ombre · Toni
Tinte
- 8AB3DC
- 97BCE0
- A4C4E4
- B1CCE8
- BED5EC
- CBDDF0
- D8E6F4
- E5EEF8
- F2F7FB
Ombre
- 6C94BC
- 5B7EA0
- 4B6885
- 3B546B
- 2C4053
- 1E2D3B
- 111B25
- 050B11
- 010102
Toni
- 7EA7CF
- 7EA2C6
- 7F9EBD
- 7F9AB4
- 8096AC
- 8091A3
- 808D9A
- 808991
- 808489
Armonie di colore
Complementare +180°
- 7DABD8
High Seas
- C99D6D
≈ Amber Autumn
Analogo -30° +30°
- 7DABD8
High Seas
- 66B3C9
≈ Delicate Girl Blue
- 9AA1DA
≈ Dalmatian Sage
Triadico +120° +240°
- 7DABD8
High Seas
- D4919C
≈ Sugar Tooth
- 97B179
≈ Rural Eyes
Complementare divisa +150° +210°
- 7DABD8
High Seas
- D49580
≈ Tropical Blooms
- B3A76A
≈ Natchez Moss
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.41:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.68:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.68:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--high-seas: #7dabd8;
--high-seas-rgb: 125 171 216;
--high-seas-oklch: oklch(0.725 0.082 248.5);
}
.element {
color: var(--high-seas);
background-color: hsl(210 54% 67%);
border-color: oklch(0.725 0.082 248.5);
}Tailwind CSS v4
@theme {
--color-high-seas: #7dabd8;
--color-high-seas-50: #e4f8ff;
--color-high-seas-100: #d4ebff;
--color-high-seas-200: #bbd8f7;
--color-high-seas-300: #98bbe1;
--color-high-seas-400: #78a3cd;
--color-high-seas-500: #598bba;
--color-high-seas-600: #4c759d;
--color-high-seas-700: #3c5e7e;
--color-high-seas-800: #2a455d;
--color-high-seas-900: #1c3041;
--color-high-seas-950: #0c1c2a;
}SCSS
$high-seas: #7dabd8;
$high-seas-rgb: 125, 171, 216;
$high-seas-light: mix(#fff, $high-seas, 20%);
$high-seas-dark: mix(#000, $high-seas, 20%);
.element {
color: $high-seas;
box-shadow: 0 0 0 2px rgba($high-seas, 0.35);
}