Benannte Farbe · #145C78
Saltwater Denim
Saltwater Denim ist #145C78: rgb(20 92 120), hsl(197 71% 27%), oklch(0.446 0.081 229.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Saltwater Denim color name →
#145C78
oklch(0.446 0.081 229.7)
Farbumrechnungen
- HEX
- #145c78
- RGB
- rgb(20 92 120)
- HSL
- hsl(197 71% 27%)
- HWB
- hwb(197 8% 53%)
- OKLCH
- oklch(0.446 0.081 229.7)
- OKLab
- oklab(0.446 -0.052 -0.062)
- CIE Lab
- lab(35.92 -14.09 -22.41)
- LCH
- lch(35.92 26.47 237.8)
- CMYK
- cmyk(83% 23% 0% 53%)
Tints · Shades · Tones
Tints
- 316B85
- 497B92
- 608B9F
- 769BAD
- 8CABBA
- A3BBC8
- B9CCD5
- D0DDE3
- E7EEF1
Shades
- 104F67
- 0C4257
- 083648
- 052A39
- 031F2A
- 01141D
- 010A10
- 000305
- 000001
Tones
- 256079
- 32647A
- 3D677B
- 486B7C
- 526F7D
- 5B727E
- 65767E
- 6E797F
- 777D7F
Farbharmonien
Komplementär +180°
- 145C78
Saltwater Denim
- 784629
≈ Cape Palliser
Analog -30° +30°
- 145C78
Saltwater Denim
- 006164
≈ Beau Vert
- 395481
≈ Deep Azure
Triadisch +120° +240°
- 145C78
Saltwater Denim
- 75405B
≈ Purple Drab
- 57581C
≈ Soldier Green
Geteilt komplementär +150° +210°
- 145C78
Saltwater Denim
- 7B4142
≈ January Garnet
- 6C4E16
≈ Antique Bronze
Tetradisch +90° +180° +270°
- 145C78
Saltwater Denim
- 684570
≈ Neon Violet
- 784629
≈ Cape Palliser
- 3B5F33
≈ Verde Garrafa
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.41:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.83:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--saltwater-denim: #145c78;
--saltwater-denim-rgb: 20 92 120;
--saltwater-denim-oklch: oklch(0.446 0.081 229.7);
}
.element {
color: var(--saltwater-denim);
background-color: hsl(197 71% 27%);
border-color: oklch(0.446 0.081 229.7);
}Tailwind CSS v4
@theme {
--color-saltwater-denim: #145c78;
--color-saltwater-denim-50: #dffaff;
--color-saltwater-denim-100: #ceedff;
--color-saltwater-denim-200: #b2dbf1;
--color-saltwater-denim-300: #8dbfda;
--color-saltwater-denim-400: #6aa8c5;
--color-saltwater-denim-500: #4690b1;
--color-saltwater-denim-600: #3c7a96;
--color-saltwater-denim-700: #306278;
--color-saltwater-denim-800: #204858;
--color-saltwater-denim-900: #15323e;
--color-saltwater-denim-950: #061e27;
}SCSS
$saltwater-denim: #145c78;
$saltwater-denim-rgb: 20, 92, 120;
$saltwater-denim-light: mix(#fff, $saltwater-denim, 20%);
$saltwater-denim-dark: mix(#000, $saltwater-denim, 20%);
.element {
color: $saltwater-denim;
box-shadow: 0 0 0 2px rgba($saltwater-denim, 0.35);
}