Colore con nome · #234058
Salty Dog
Salty Dog è #234058: rgb(35 64 88), hsl(207 43% 24%), oklch(0.36 0.055 245.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Salty Dog color name →
#234058
oklch(0.36 0.055 245.1)
Conversioni di colore
- HEX
- #234058
- RGB
- rgb(35 64 88)
- HSL
- hsl(207 43% 24%)
- HWB
- hwb(207 14% 65%)
- OKLCH
- oklch(0.36 0.055 245.1)
- OKLab
- oklab(0.36 -0.023 -0.049)
- CIE Lab
- lab(25.69 -5.12 -18.01)
- LCH
- lch(25.69 18.72 254.1)
- CMYK
- cmyk(60% 27% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 375168
- 4B6377
- 607587
- 758898
- 8B9BA8
- A1AEB9
- B8C2CA
- CFD6DC
- E7EAED
Ombre
- 1D364B
- 172D3F
- 112433
- 0C1B28
- 07131D
- 040B12
- 010509
- 000103
- 000000
Toni
- 2C465C
- 364D60
- 3F5364
- 485968
- 51606C
- 5A6670
- 646C74
- 6D7378
- 76797C
Armonie di colore
Complementare +180°
- 234058
Salty Dog
- 51371C
≈ Brown Bramble
Analogo -30° +30°
- 234058
Salty Dog
- 12444F
≈ Cold and Dark
- 353B5A
≈ Magic Night
Triadico +120° +240°
- 234058
Salty Dog
- 553139
≈ Nectar of the Gods
- 364221
≈ Ceylanite
Complementare divisa +150° +210°
- 234058
Salty Dog
- 563229
≈ Indian Fig
- 463D19
≈ Madras
Tetradico +90° +180° +270°
- 234058
Salty Dog
- 4F3248
≈ Loulou
- 51371C
≈ Brown Bramble
- 244630
≈ Birōdo Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.79:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.94:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.79:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--salty-dog: #234058;
--salty-dog-rgb: 35 64 88;
--salty-dog-oklch: oklch(0.36 0.055 245.1);
}
.element {
color: var(--salty-dog);
background-color: hsl(207 43% 24%);
border-color: oklch(0.36 0.055 245.1);
}Tailwind CSS v4
@theme {
--color-salty-dog: #234058;
--color-salty-dog-50: #e9f7ff;
--color-salty-dog-100: #daeafa;
--color-salty-dog-200: #c2d7eb;
--color-salty-dog-300: #a2bbd2;
--color-salty-dog-400: #84a2bd;
--color-salty-dog-500: #688aa8;
--color-salty-dog-600: #58758e;
--color-salty-dog-700: #465e72;
--color-salty-dog-800: #324554;
--color-salty-dog-900: #22303b;
--color-salty-dog-950: #111c25;
}SCSS
$salty-dog: #234058;
$salty-dog-rgb: 35, 64, 88;
$salty-dog-light: mix(#fff, $salty-dog, 20%);
$salty-dog-dark: mix(#000, $salty-dog, 20%);
.element {
color: $salty-dog;
box-shadow: 0 0 0 2px rgba($salty-dog, 0.35);
}