Colore con nome · #52896B
Saltwater Depth
Saltwater Depth è #52896B: rgb(82 137 107), hsl(147 25% 43%), oklch(0.583 0.075 159.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Saltwater Depth color name →
#52896B
oklch(0.583 0.075 159.1)
Conversioni di colore
- HEX
- #52896b
- RGB
- rgb(82 137 107)
- HSL
- hsl(147 25% 43%)
- HWB
- hwb(147 32% 46%)
- OKLCH
- oklch(0.583 0.075 159.1)
- OKLab
- oklab(0.583 -0.07 0.027)
- CIE Lab
- lab(52.62 -24.41 10.17)
- LCH
- lch(52.62 26.44 157.4)
- CMYK
- cmyk(40% 0% 22% 46%)
Tinte · Ombre · Toni
Tinte
- 639479
- 74A087
- 85AB95
- 96B7A4
- A7C3B2
- B9CFC1
- CADBD0
- DCE7E0
- EDF3EF
Ombre
- 46765C
- 3B644E
- 2F533F
- 254232
- 1A3125
- 112218
- 08140D
- 020704
- 000100
Toni
- 58886D
- 5D876F
- 628771
- 678674
- 6B8576
- 708478
- 74837A
- 78827C
- 7C817E
Armonie di colore
Complementare +180°
- 52896B
Saltwater Depth
- 996A8A
≈ Garden Aroma
Analogo -30° +30°
- 52896B
Saltwater Depth
- 6D8454
≈ Herb
- 3E8A84
≈ Royal Palm
Triadico +120° +240°
- 52896B
Saltwater Depth
- 7177A7
≈ Bleached Denim
- A26C5A
≈ Honey Maple
Complementare divisa +150° +210°
- 52896B
Saltwater Depth
- 886F9D
≈ Bitter Violet
- A26872
≈ High Country Rose
Tetradico +90° +180° +270°
- 52896B
Saltwater Depth
- 577FA6
≈ Borage
- 996A8A
≈ Garden Aroma
- 987349
≈ Rococo Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.07:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.14:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--saltwater-depth: #52896b;
--saltwater-depth-rgb: 82 137 107;
--saltwater-depth-oklch: oklch(0.583 0.075 159.1);
}
.element {
color: var(--saltwater-depth);
background-color: hsl(147 25% 43%);
border-color: oklch(0.583 0.075 159.1);
}Tailwind CSS v4
@theme {
--color-saltwater-depth: #52896b;
--color-saltwater-depth-50: #e3fcee;
--color-saltwater-depth-100: #d3f0e0;
--color-saltwater-depth-200: #b9dfca;
--color-saltwater-depth-300: #96c4ab;
--color-saltwater-depth-400: #78ac8e;
--color-saltwater-depth-500: #589674;
--color-saltwater-depth-600: #4b7e62;
--color-saltwater-depth-700: #3c654f;
--color-saltwater-depth-800: #2b4a38;
--color-saltwater-depth-900: #1d3426;
--color-saltwater-depth-950: #0d1f15;
}SCSS
$saltwater-depth: #52896b;
$saltwater-depth-rgb: 82, 137, 107;
$saltwater-depth-light: mix(#fff, $saltwater-depth, 20%);
$saltwater-depth-dark: mix(#000, $saltwater-depth, 20%);
.element {
color: $saltwater-depth;
box-shadow: 0 0 0 2px rgba($saltwater-depth, 0.35);
}