Colore con nome · #008997
Atlantic Blue
Atlantic Blue è #008997: rgb(0 137 151), hsl(186 100% 30%), oklch(0.576 0.099 207.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Atlantic Blue color name →
#008997
oklch(0.576 0.099 207.4)
Conversioni di colore
- HEX
- #008997
- RGB
- rgb(0 137 151)
- HSL
- hsl(186 100% 30%)
- HWB
- hwb(186 0% 41%)
- OKLCH
- oklch(0.576 0.099 207.4)
- OKLab
- oklab(0.576 -0.088 -0.046)
- CIE Lab
- lab(51.62 -28.29 -16.89)
- LCH
- lch(51.62 32.95 210.8)
- CMYK
- cmyk(100% 9% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 3595A1
- 51A0AB
- 69ACB6
- 80B8C0
- 95C3CA
- ABCFD5
- C0DBDF
- D5E7EA
- EAF3F4
Ombre
- 007683
- 00646F
- 00535C
- 004249
- 003137
- 002226
- 001417
- 000708
- 000101
Toni
- 258895
- 378893
- 448790
- 4F868E
- 59858C
- 628489
- 6A8387
- 728285
- 798182
Armonie di colore
Complementare +180°
- 008997
Atlantic Blue
- AC6158
≈ Dried Tomatoes
Analogo -30° +30°
- 008997
Atlantic Blue
- 1E8C78
≈ Emerald Enchantment
- 3681AC
≈ Cendre Blue
Triadico +120° +240°
- 008997
Atlantic Blue
- 986397
≈ Aster Violetta
- 92752A
≈ Aubergine Green
Complementare divisa +150° +210°
- 008997
Atlantic Blue
- A75F79
≈ Cosmetic Red
- A5693A
≈ Hot Ginger
Tetradico +90° +180° +270°
- 008997
Atlantic Blue
- 806CAC
≈ Plum Preserve
- AC6158
≈ Dried Tomatoes
- 758138
≈ Leaps and Bounds
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.17:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.02:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--atlantic-blue: #008997;
--atlantic-blue-rgb: 0 137 151;
--atlantic-blue-oklch: oklch(0.576 0.099 207.4);
}
.element {
color: var(--atlantic-blue);
background-color: hsl(186 100% 30%);
border-color: oklch(0.576 0.099 207.4);
}Tailwind CSS v4
@theme {
--color-atlantic-blue: #008997;
--color-atlantic-blue-50: #d6feff;
--color-atlantic-blue-100: #c3f2fa;
--color-atlantic-blue-200: #a3e1eb;
--color-atlantic-blue-300: #78c6d3;
--color-atlantic-blue-400: #4bafbc;
--color-atlantic-blue-500: #0098a8;
--color-atlantic-blue-600: #03808e;
--color-atlantic-blue-700: #066771;
--color-atlantic-blue-800: #024c53;
--color-atlantic-blue-900: #03353a;
--color-atlantic-blue-950: #002024;
}SCSS
$atlantic-blue: #008997;
$atlantic-blue-rgb: 0, 137, 151;
$atlantic-blue-light: mix(#fff, $atlantic-blue, 20%);
$atlantic-blue-dark: mix(#000, $atlantic-blue, 20%);
.element {
color: $atlantic-blue;
box-shadow: 0 0 0 2px rgba($atlantic-blue, 0.35);
}