Adlandırılmış renk · #8B9CA5
Lakefront
Lakefront, #8B9CA5: rgb(139 156 165), hsl(201 13% 60%), oklch(0.682 0.023 230.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lakefront color name →
#8B9CA5
oklch(0.682 0.023 230.7)
Renk dönüşümleri
- HEX
- #8b9ca5
- RGB
- rgb(139 156 165)
- HSL
- hsl(201 13% 60%)
- HWB
- hwb(201 55% 35%)
- OKLCH
- oklch(0.682 0.023 230.7)
- OKLab
- oklab(0.682 -0.015 -0.018)
- CIE Lab
- lab(63.23 -4.79 -6.87)
- LCH
- lch(63.23 8.37 235.1)
- CMYK
- cmyk(16% 5% 0% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96A6AE
- A1AFB6
- ADB9BF
- B8C3C8
- C4CCD1
- CFD6DA
- DBE0E3
- E7EBEC
- F3F5F6
Koyu tonlar
- 78878F
- 667379
- 545F65
- 434C51
- 32393D
- 23282B
- 14181A
- 07090A
- 010101
Gri tonlar
- 8A99A1
- 89969D
- 88949A
- 879196
- 868E92
- 858B8F
- 83888B
- 828687
- 818384
Renk uyumları
Tamamlayıcı +180°
- 8B9CA5
Lakefront
- A6958C
≈ Stoneware
Analog -30° +30°
- 8B9CA5
Lakefront
- 899E9F
≈ Teal Wave
- 9199A8
≈ Memorise
Üçlü +120° +240°
- 8B9CA5
Lakefront
- A5939B
≈ Nirvana
- 999B8A
≈ Laurel Leaf
Bölünmüş tamamlayıcı +150° +210°
- 8B9CA5
Lakefront
- A79493
≈ Sphinx
- A19889
≈ Grey by Me
Dörtlü +90° +180° +270°
- 8B9CA5
Lakefront
- A095A2
≈ Fortune
- A6958C
≈ Stoneware
- 919D8F
≈ Balsam Fir
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.83:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.39:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--lakefront: #8b9ca5;
--lakefront-rgb: 139 156 165;
--lakefront-oklch: oklch(0.682 0.023 230.7);
}
.element {
color: var(--lakefront);
background-color: hsl(201 13% 60%);
border-color: oklch(0.682 0.023 230.7);
}Tailwind CSS v4
@theme {
--color-lakefront: #8b9ca5;
--color-lakefront-50: #eff6fb;
--color-lakefront-100: #e1e9ee;
--color-lakefront-200: #cbd6dd;
--color-lakefront-300: #acbac2;
--color-lakefront-400: #91a1aa;
--color-lakefront-500: #778993;
--color-lakefront-600: #65747c;
--color-lakefront-700: #515d64;
--color-lakefront-800: #3a4449;
--color-lakefront-900: #282f33;
--color-lakefront-950: #161c1e;
}SCSS
$lakefront: #8b9ca5;
$lakefront-rgb: 139, 156, 165;
$lakefront-light: mix(#fff, $lakefront, 20%);
$lakefront-dark: mix(#000, $lakefront, 20%);
.element {
color: $lakefront;
box-shadow: 0 0 0 2px rgba($lakefront, 0.35);
}