Colore con nome · #376167
Deep Sea Dive
Deep Sea Dive è #376167: rgb(55 97 103), hsl(188 30% 31%), oklch(0.464 0.048 207.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Deep Sea Dive color name →
#376167
oklch(0.464 0.048 207.4)
Conversioni di colore
- HEX
- #376167
- RGB
- rgb(55 97 103)
- HSL
- hsl(188 30% 31%)
- HWB
- hwb(188 22% 60%)
- OKLCH
- oklch(0.464 0.048 207.4)
- OKLab
- oklab(0.464 -0.043 -0.022)
- CIE Lab
- lab(38.27 -13.97 -8.28)
- LCH
- lch(38.27 16.24 210.7)
- CMYK
- cmyk(47% 6% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 4A7075
- 5D7F83
- 718E92
- 849DA1
- 98ADB0
- ACBDBF
- C0CDCF
- D5DEDF
- EAEEEF
Ombre
- 2E5359
- 26464B
- 1E393D
- 162D30
- 0F2123
- 081517
- 030B0C
- 010304
- 000000
Toni
- 3F646A
- 47676C
- 4E6A6F
- 566D71
- 5D7174
- 647476
- 6B7779
- 727A7B
- 797D7D
Armonie di colore
Complementare +180°
- 376167
Deep Sea Dive
- 724F4B
≈ Susu-Take Bamboo
Analogo -30° +30°
- 376167
Deep Sea Dive
- 3A6259
≈ Emerson
- 3F5D71
≈ Superior Blue
Triadico +120° +240°
- 376167
Deep Sea Dive
- 685067
≈ Vicarious Violet
- 65583A
≈ Beach Casuarina
Complementare divisa +150° +210°
- 376167
Deep Sea Dive
- 704E59
≈ Plum Wine
- 6E533F
≈ Rookwood Medium Brown
Tetradico +90° +180° +270°
- 376167
Deep Sea Dive
- 5C5471
≈ Arraign
- 724F4B
≈ Susu-Take Bamboo
- 575D3E
≈ Cypress
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.84:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.06:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.84:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-sea-dive: #376167;
--deep-sea-dive-rgb: 55 97 103;
--deep-sea-dive-oklch: oklch(0.464 0.048 207.4);
}
.element {
color: var(--deep-sea-dive);
background-color: hsl(188 30% 31%);
border-color: oklch(0.464 0.048 207.4);
}Tailwind CSS v4
@theme {
--color-deep-sea-dive: #376167;
--color-deep-sea-dive-50: #e6f9fd;
--color-deep-sea-dive-100: #d7edf1;
--color-deep-sea-dive-200: #bedadf;
--color-deep-sea-dive-300: #9cbfc5;
--color-deep-sea-dive-400: #7ea7ad;
--color-deep-sea-dive-500: #608f96;
--color-deep-sea-dive-600: #51797f;
--color-deep-sea-dive-700: #416166;
--color-deep-sea-dive-800: #2e474a;
--color-deep-sea-dive-900: #1f3134;
--color-deep-sea-dive-950: #0f1d1f;
}SCSS
$deep-sea-dive: #376167;
$deep-sea-dive-rgb: 55, 97, 103;
$deep-sea-dive-light: mix(#fff, $deep-sea-dive, 20%);
$deep-sea-dive-dark: mix(#000, $deep-sea-dive, 20%);
.element {
color: $deep-sea-dive;
box-shadow: 0 0 0 2px rgba($deep-sea-dive, 0.35);
}