En yakın adlandırılmış renk · #83A6C7
#83A6C7
En yakın adlandırılmış renk: High Tide
#83A6C7 (rgb(131 166 199), hsl(209 38% 65%), oklch(0.711 0.062 247.2)) en çok High Tide 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.
#83A6C7
oklch(0.711 0.062 247.2)
Renk dönüşümleri
- HEX
- #83a6c7
- RGB
- rgb(131 166 199)
- HSL
- hsl(209 38% 65%)
- HWB
- hwb(209 51% 22%)
- OKLCH
- oklch(0.711 0.062 247.2)
- OKLab
- oklab(0.711 -0.024 -0.057)
- CIE Lab
- lab(66.4 -6.32 -21.09)
- LCH
- lch(66.4 22.02 253.3)
- CMYK
- cmyk(34% 17% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8FAFCD
- 9BB7D2
- A7C0D8
- B4C9DE
- C0D2E3
- CCDBE9
- D9E4EE
- E6EDF4
- F2F6F9
Koyu tonlar
- 7190AD
- 607A93
- 4F657A
- 3F5162
- 2F3E4C
- 202B36
- 121A21
- 060A0E
- 010102
Gri tonlar
- 83A2C0
- 839EB9
- 839BB1
- 8297AA
- 8293A3
- 828F9C
- 818B95
- 81888E
- 818487
Renk uyumları
Tamamlayıcı +180°
- 83A6C7
High Tide
- BC9B79
≈ Corky
Analog -30° +30°
- 83A6C7
High Tide
- 75ACBB
≈ Blue Eye Samurai
- 989FC9
≈ Fields of Heather
Üçlü +120° +240°
- 83A6C7
High Tide
- C5929B
≈ Grey Pink
- 97AA80
≈ Forester
Bölünmüş tamamlayıcı +150° +210°
- 83A6C7
High Tide
- C59587
≈ Café Crème
- ACA376
≈ Throw Rug
Dörtlü +90° +180° +270°
- 83A6C7
High Tide
- BC93B0
≈ Blooming Lilac
- BC9B79
≈ Corky
- 82AE93
≈ Nature Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.24:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--high-tide: #83a6c7;
--high-tide-rgb: 131 166 199;
--high-tide-oklch: oklch(0.711 0.062 247.2);
}
.element {
color: var(--high-tide);
background-color: hsl(209 38% 65%);
border-color: oklch(0.711 0.062 247.2);
}Tailwind CSS v4
@theme {
--color-high-tide: #83a6c7;
--color-high-tide-50: #e8f7ff;
--color-high-tide-100: #d9eafc;
--color-high-tide-200: #c1d7ee;
--color-high-tide-300: #a0bbd6;
--color-high-tide-400: #81a2c2;
--color-high-tide-500: #658aad;
--color-high-tide-600: #557592;
--color-high-tide-700: #445e75;
--color-high-tide-800: #304557;
--color-high-tide-900: #21303c;
--color-high-tide-950: #101c26;
}SCSS
$high-tide: #83a6c7;
$high-tide-rgb: 131, 166, 199;
$high-tide-light: mix(#fff, $high-tide, 20%);
$high-tide-dark: mix(#000, $high-tide, 20%);
.element {
color: $high-tide;
box-shadow: 0 0 0 2px rgba($high-tide, 0.35);
}