En yakın adlandırılmış renk · #005C7C
#005C7C
En yakın adlandırılmış renk: Saltwater Denim
#005C7C (rgb(0 92 124), hsl(195 100% 24%), oklch(0.445 0.089 230.7)) en çok Saltwater Denim adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#005C7C
oklch(0.445 0.089 230.7)
Renk dönüşümleri
- HEX
- #005c7c
- RGB
- rgb(0 92 124)
- HSL
- hsl(195 100% 24%)
- HWB
- hwb(195 0% 51%)
- OKLCH
- oklch(0.445 0.089 230.7)
- OKLab
- oklab(0.445 -0.057 -0.069)
- CIE Lab
- lab(35.78 -14.55 -25.1)
- LCH
- lch(35.78 29.01 239.9)
- CMYK
- cmyk(100% 26% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2A6B89
- 447B96
- 5B8BA3
- 739BB0
- 89ABBD
- A0BCCA
- B8CCD7
- CFDDE4
- E7EEF2
Koyu tonlar
- 004F6B
- 00425A
- 00364A
- 002A3B
- 001F2C
- 00141E
- 000A11
- 000305
- 000001
Gri tonlar
- 1C607D
- 2C647D
- 39677E
- 446B7E
- 4F6F7F
- 59727F
- 637680
- 6D7980
- 767D80
Renk uyumları
Tamamlayıcı +180°
- 005C7C
Saltwater Denim
- 7A4421
≈ Bull Shot
Analog -30° +30°
- 005C7C
Saltwater Denim
- 006065
≈ Beau Vert
- 365385
≈ Blue Quartz
Üçlü +120° +240°
- 005C7C
Saltwater Denim
- 783D5A
≈ Mulled Plum
- 575811
≈ Douro
Bölünmüş tamamlayıcı +150° +210°
- 005C7C
Saltwater Denim
- 7E3E3E
≈ Dozen Roses
- 6D4E06
≈ Antique Bronze
Dörtlü +90° +180° +270°
- 005C7C
Saltwater Denim
- 6A4272
≈ Majesty
- 7A4421
≈ Bull Shot
- 36602F
≈ Deep Into the Wood
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.44:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--saltwater-denim: #005c7c;
--saltwater-denim-rgb: 0 92 124;
--saltwater-denim-oklch: oklch(0.445 0.089 230.7);
}
.element {
color: var(--saltwater-denim);
background-color: hsl(195 100% 24%);
border-color: oklch(0.445 0.089 230.7);
}Tailwind CSS v4
@theme {
--color-saltwater-denim: #005c7c;
--color-saltwater-denim-50: #ddfaff;
--color-saltwater-denim-100: #cbeeff;
--color-saltwater-denim-200: #afdcf5;
--color-saltwater-denim-300: #89c0de;
--color-saltwater-denim-400: #64a8ca;
--color-saltwater-denim-500: #3c91b6;
--color-saltwater-denim-600: #357a9a;
--color-saltwater-denim-700: #2a627c;
--color-saltwater-denim-800: #1b485b;
--color-saltwater-denim-900: #123240;
--color-saltwater-denim-950: #041e29;
}SCSS
$saltwater-denim: #005c7c;
$saltwater-denim-rgb: 0, 92, 124;
$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);
}