Adlandırılmış renk · #006E8C
Seaport
Seaport, #006E8C: rgb(0 110 140), hsl(193 100% 27%), oklch(0.501 0.095 225.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Seaport color name →
#006E8C
oklch(0.501 0.095 225.1)
Renk dönüşümleri
- HEX
- #006e8c
- RGB
- rgb(0 110 140)
- HSL
- hsl(193 100% 27%)
- HWB
- hwb(193 0% 45%)
- OKLCH
- oklch(0.501 0.095 225.1)
- OKLab
- oklab(0.501 -0.067 -0.067)
- CIE Lab
- lab(42.41 -18.78 -24.49)
- LCH
- lch(42.41 30.86 232.5)
- CMYK
- cmyk(100% 21% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7C97
- 498AA3
- 6198AE
- 78A7BA
- 8EB5C5
- A5C4D0
- BBD2DC
- D1E1E8
- E8F0F3
Koyu tonlar
- 005F79
- 005067
- 004155
- 003343
- 002633
- 001923
- 000E14
- 000407
- 000101
Gri tonlar
- 20708B
- 30728A
- 3D7489
- 497688
- 537887
- 5D7A86
- 667B84
- 6F7D83
- 787F81
Renk uyumları
Tamamlayıcı +180°
- 006E8C
Seaport
- 8F5033
≈ Rusted Earth
Analog -30° +30°
- 006E8C
Seaport
- 007273
≈ Natural Instinct Green
- 3C6599
≈ Summerday Blue
Üçlü +120° +240°
- 006E8C
Seaport
- 894C70
≈ Twilight Lavender
- 6C6619
≈ Spicy Mustard
Bölünmüş tamamlayıcı +150° +210°
- 006E8C
Seaport
- 914B52
≈ Rialto
- 835B18
≈ Grizzly
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.81:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.60:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--seaport: #006e8c;
--seaport-rgb: 0 110 140;
--seaport-oklch: oklch(0.501 0.095 225.1);
}
.element {
color: var(--seaport);
background-color: hsl(193 100% 27%);
border-color: oklch(0.501 0.095 225.1);
}Tailwind CSS v4
@theme {
--color-seaport: #006e8c;
--color-seaport-50: #dafbff;
--color-seaport-100: #c8efff;
--color-seaport-200: #aaddf4;
--color-seaport-300: #82c2dd;
--color-seaport-400: #5aaac9;
--color-seaport-500: #2b93b5;
--color-seaport-600: #277c99;
--color-seaport-700: #1f637b;
--color-seaport-800: #13495a;
--color-seaport-900: #0c333f;
--color-seaport-950: #011e28;
}SCSS
$seaport: #006e8c;
$seaport-rgb: 0, 110, 140;
$seaport-light: mix(#fff, $seaport, 20%);
$seaport-dark: mix(#000, $seaport, 20%);
.element {
color: $seaport;
box-shadow: 0 0 0 2px rgba($seaport, 0.35);
}