En yakın adlandırılmış renk · #065A79
#065A79
En yakın adlandırılmış renk: Saltwater Denim
#065A79 (rgb(6 90 121), hsl(196 91% 25%), oklch(0.439 0.086 231.1)) 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.
#065A79
oklch(0.439 0.086 231.1)
Renk dönüşümleri
- HEX
- #065a79
- RGB
- rgb(6 90 121)
- HSL
- hsl(196 91% 25%)
- HWB
- hwb(196 2% 53%)
- OKLCH
- oklch(0.439 0.086 231.1)
- OKLab
- oklab(0.439 -0.054 -0.067)
- CIE Lab
- lab(35.06 -14 -24.37)
- LCH
- lch(35.06 28.1 240.1)
- CMYK
- cmyk(95% 26% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B6A86
- 457993
- 5C89A0
- 739AAE
- 8AAABB
- A1BBC8
- B8CBD6
- CFDCE4
- E7EEF1
Koyu tonlar
- 044D68
- 034158
- 023548
- 012939
- 011E2B
- 00131D
- 000910
- 000305
- 000001
Gri tonlar
- 1E5E7A
- 2D627B
- 39667C
- 456A7D
- 4F6E7D
- 59717E
- 63757F
- 6D797F
- 777C80
Renk uyumları
Tamamlayıcı +180°
- 065A79
Saltwater Denim
- 774321
≈ Walnut
Analog -30° +30°
- 065A79
Saltwater Denim
- 005E63
≈ Sandhill Crane
- 365282
≈ St. Tropez
Üçlü +120° +240°
- 065A79
Saltwater Denim
- 753D58
≈ Mulled Plum
- 545613
≈ Douro
Bölünmüş tamamlayıcı +150° +210°
- 065A79
Saltwater Denim
- 7B3D3D
≈ Kokiake Brown
- 6A4C09
≈ Antique Bronze
Dörtlü +90° +180° +270°
- 065A79
Saltwater Denim
- 68416F
≈ Majesty
- 774321
≈ Walnut
- 355E2F
≈ Deep Into the Wood
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.64:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.74:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.64:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--saltwater-denim: #065a79;
--saltwater-denim-rgb: 6 90 121;
--saltwater-denim-oklch: oklch(0.439 0.086 231.1);
}
.element {
color: var(--saltwater-denim);
background-color: hsl(196 91% 25%);
border-color: oklch(0.439 0.086 231.1);
}Tailwind CSS v4
@theme {
--color-saltwater-denim: #065a79;
--color-saltwater-denim-50: #defaff;
--color-saltwater-denim-100: #cceeff;
--color-saltwater-denim-200: #b0dbf4;
--color-saltwater-denim-300: #8bc0dd;
--color-saltwater-denim-400: #66a8c8;
--color-saltwater-denim-500: #4190b5;
--color-saltwater-denim-600: #387a99;
--color-saltwater-denim-700: #2d627b;
--color-saltwater-denim-800: #1e485a;
--color-saltwater-denim-900: #13323f;
--color-saltwater-denim-950: #051e28;
}SCSS
$saltwater-denim: #065a79;
$saltwater-denim-rgb: 6, 90, 121;
$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);
}