Adlandırılmış renk · #234058
Salty Dog
Salty Dog, #234058: rgb(35 64 88), hsl(207 43% 24%), oklch(0.36 0.055 245.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Salty Dog color name →
#234058
oklch(0.36 0.055 245.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 375168
- 4B6377
- 607587
- 758898
- 8B9BA8
- A1AEB9
- B8C2CA
- CFD6DC
- E7EAED
Koyu tonlar
- 1D364B
- 172D3F
- 112433
- 0C1B28
- 07131D
- 040B12
- 010509
- 000103
- 000000
Gri tonlar
- 2C465C
- 364D60
- 3F5364
- 485968
- 51606C
- 5A6670
- 646C74
- 6D7378
- 76797C
Renk uyumları
Tamamlayıcı +180°
- 234058
Salty Dog
- 51371C
≈ Brown Bramble
Analog -30° +30°
- 234058
Salty Dog
- 12444F
≈ Cold and Dark
- 353B5A
≈ Magic Night
Üçlü +120° +240°
- 234058
Salty Dog
- 553139
≈ Nectar of the Gods
- 364221
≈ Ceylanite
Bölünmüş tamamlayıcı +150° +210°
- 234058
Salty Dog
- 563229
≈ Indian Fig
- 463D19
≈ Madras
Dörtlü +90° +180° +270°
- 234058
Salty Dog
- 4F3248
≈ Loulou
- 51371C
≈ Brown Bramble
- 244630
≈ Birōdo Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.79:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.94:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.79:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
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);
}