Adlandırılmış renk · #014A69
Adriatic
Adriatic, #014A69: rgb(1 74 105), hsl(198 98% 21%), oklch(0.386 0.081 235). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Adriatic color name →
#014A69
oklch(0.386 0.081 235)
Renk dönüşümleri
- HEX
- #014a69
- RGB
- rgb(1 74 105)
- HSL
- hsl(198 98% 21%)
- HWB
- hwb(198 0% 59%)
- OKLCH
- oklch(0.386 0.081 235)
- OKLab
- oklab(0.386 -0.047 -0.067)
- CIE Lab
- lab(28.83 -10.96 -24.11)
- LCH
- lch(28.83 26.48 245.6)
- CMYK
- cmyk(99% 30% 0% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 255B77
- 3E6C86
- 567D95
- 6D8FA3
- 84A1B2
- 9CB3C1
- B4C6D1
- CDD9E0
- E6ECEF
Koyu tonlar
- 013F5A
- 01354C
- 002A3E
- 002031
- 001724
- 000E18
- 00060C
- 000204
- 000000
Gri tonlar
- 18506C
- 27556E
- 345B71
- 3F6073
- 4B6575
- 566B78
- 60707A
- 6B757C
- 757B7E
Renk uyumları
Tamamlayıcı +180°
- 014A69
Adriatic
- 653712
≈ Meatloaf
Analog -30° +30°
- 014A69
Adriatic
- 004E55
≈ Deep Atlantic Blue
- 2E426F
≈ Napoleonic Blue
Üçlü +120° +240°
- 014A69
Adriatic
- 653046
≈ Clinker Red
- 43490A
≈ No Emissions Green
Bölünmüş tamamlayıcı +150° +210°
- 014A69
Adriatic
- 69312D
≈ Cherry Mahogany
- 574000
≈ Roman Bronze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.61:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.18:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.61:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--adriatic: #014a69;
--adriatic-rgb: 1 74 105;
--adriatic-oklch: oklch(0.386 0.081 235);
}
.element {
color: var(--adriatic);
background-color: hsl(198 98% 21%);
border-color: oklch(0.386 0.081 235);
}Tailwind CSS v4
@theme {
--color-adriatic: #014a69;
--color-adriatic-50: #e0f9ff;
--color-adriatic-100: #cfedff;
--color-adriatic-200: #b4daf3;
--color-adriatic-300: #90bedc;
--color-adriatic-400: #6da7c8;
--color-adriatic-500: #4b8fb4;
--color-adriatic-600: #407998;
--color-adriatic-700: #33617a;
--color-adriatic-800: #23475a;
--color-adriatic-900: #17313f;
--color-adriatic-950: #081d28;
}SCSS
$adriatic: #014a69;
$adriatic-rgb: 1, 74, 105;
$adriatic-light: mix(#fff, $adriatic, 20%);
$adriatic-dark: mix(#000, $adriatic, 20%);
.element {
color: $adriatic;
box-shadow: 0 0 0 2px rgba($adriatic, 0.35);
}