Adlandırılmış renk · #7AA5C9
Seaborne
Seaborne, #7AA5C9: rgb(122 165 201), hsl(207 42% 63%), oklch(0.704 0.071 244.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Seaborne color name →
#7AA5C9
oklch(0.704 0.071 244.3)
Renk dönüşümleri
- HEX
- #7aa5c9
- RGB
- rgb(122 165 201)
- HSL
- hsl(207 42% 63%)
- HWB
- hwb(207 48% 21%)
- OKLCH
- oklch(0.704 0.071 244.3)
- OKLab
- oklab(0.704 -0.031 -0.064)
- CIE Lab
- lab(65.63 -8.09 -23.43)
- LCH
- lch(65.63 24.79 250.9)
- CMYK
- cmyk(39% 18% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 87AECF
- 94B7D4
- A1C0DA
- AFC9DF
- BCD2E4
- C9DBEA
- D6E4EF
- E4EDF4
- F1F6FA
Koyu tonlar
- 698FAE
- 597995
- 49657C
- 3A5164
- 2B3D4C
- 1D2B36
- 101A22
- 050A0F
- 010102
Gri tonlar
- 7BA1C2
- 7C9EBA
- 7D9AB3
- 7E96AC
- 7E93A4
- 7F8F9D
- 7F8B96
- 80878E
- 808487
Renk uyumları
Tamamlayıcı +180°
- 7AA5C9
Seaborne
- BF9771
≈ Wilmington Tan
Analog -30° +30°
- 7AA5C9
Seaborne
- 6AABBB
≈ Well Water
- 929DCC
≈ Velvet Robe
Üçlü +120° +240°
- 7AA5C9
Seaborne
- C68E9A
≈ Beetroot Rice
- 96A877
≈ Lettuce Mound
Bölünmüş tamamlayıcı +150° +210°
- 7AA5C9
Seaborne
- C89083
≈ Black Hills Gold
- AE9F6D
≈ Zucchini Garden
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.05:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--seaborne: #7aa5c9;
--seaborne-rgb: 122 165 201;
--seaborne-oklch: oklch(0.704 0.071 244.3);
}
.element {
color: var(--seaborne);
background-color: hsl(207 42% 63%);
border-color: oklch(0.704 0.071 244.3);
}Tailwind CSS v4
@theme {
--color-seaborne: #7aa5c9;
--color-seaborne-50: #e5f8ff;
--color-seaborne-100: #d6ebff;
--color-seaborne-200: #bdd8f1;
--color-seaborne-300: #9abcda;
--color-seaborne-400: #7ba4c6;
--color-seaborne-500: #5d8bb2;
--color-seaborne-600: #4f7696;
--color-seaborne-700: #3f5e79;
--color-seaborne-800: #2c4559;
--color-seaborne-900: #1e303e;
--color-seaborne-950: #0d1c27;
}SCSS
$seaborne: #7aa5c9;
$seaborne-rgb: 122, 165, 201;
$seaborne-light: mix(#fff, $seaborne, 20%);
$seaborne-dark: mix(#000, $seaborne, 20%);
.element {
color: $seaborne;
box-shadow: 0 0 0 2px rgba($seaborne, 0.35);
}