Colore con nome · #466174
Deepest Water
Deepest Water è #466174: rgb(70 97 116), hsl(205 25% 36%), oklch(0.479 0.044 239.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Deepest Water color name →
#466174
oklch(0.479 0.044 239.5)
Conversioni di colore
- HEX
- #466174
- RGB
- rgb(70 97 116)
- HSL
- hsl(205 25% 36%)
- HWB
- hwb(205 27% 55%)
- OKLCH
- oklch(0.479 0.044 239.5)
- OKLab
- oklab(0.479 -0.023 -0.038)
- CIE Lab
- lab(39.57 -6.38 -14.17)
- LCH
- lch(39.57 15.54 245.8)
- CMYK
- cmyk(40% 16% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 577081
- 687F8E
- 7A8E9C
- 8C9DAA
- 9FADB7
- B1BDC5
- C4CDD4
- D8DDE2
- EBEEF0
Ombre
- 3C5364
- 324654
- 283945
- 1E2D37
- 152129
- 0D151B
- 050B0F
- 020305
- 000001
Toni
- 4C6475
- 526777
- 586A78
- 5D6D79
- 63717A
- 69747B
- 6F777D
- 747A7E
- 7A7D7F
Armonie di colore
Complementare +180°
- 466174
Deepest Water
- 705844
≈ Baby Bear
Analogo -30° +30°
- 466174
Deepest Water
- 3E646B
≈ Smock Blue
- 535C77
≈ Vintage Indigo
Triadico +120° +240°
- 466174
Deepest Water
- 73535C
≈ Ruby Grey
- 5A6145
≈ Boughs of Pine
Complementare divisa +150° +210°
- 466174
Deepest Water
- 74544F
≈ Rosy Sandstone
- 675C40
≈ Cold Pressed
Tetradico +90° +180° +270°
- 466174
Deepest Water
- 6C546A
≈ Medicine Man
- 705844
≈ Baby Bear
- 4C6550
≈ Pasture Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.51:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.22:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--deepest-water: #466174;
--deepest-water-rgb: 70 97 116;
--deepest-water-oklch: oklch(0.479 0.044 239.5);
}
.element {
color: var(--deepest-water);
background-color: hsl(205 25% 36%);
border-color: oklch(0.479 0.044 239.5);
}Tailwind CSS v4
@theme {
--color-deepest-water: #466174;
--color-deepest-water-50: #ebf7ff;
--color-deepest-water-100: #dbeaf6;
--color-deepest-water-200: #c4d7e6;
--color-deepest-water-300: #a4bbcd;
--color-deepest-water-400: #87a3b6;
--color-deepest-water-500: #6b8ba1;
--color-deepest-water-600: #5b7588;
--color-deepest-water-700: #495e6d;
--color-deepest-water-800: #344550;
--color-deepest-water-900: #233038;
--color-deepest-water-950: #121c22;
}SCSS
$deepest-water: #466174;
$deepest-water-rgb: 70, 97, 116;
$deepest-water-light: mix(#fff, $deepest-water, 20%);
$deepest-water-dark: mix(#000, $deepest-water, 20%);
.element {
color: $deepest-water;
box-shadow: 0 0 0 2px rgba($deepest-water, 0.35);
}