Adlandırılmış renk · #6E7F80
AuroMetalSaurus
AuroMetalSaurus, #6E7F80: rgb(110 127 128), hsl(183 8% 47%), oklch(0.583 0.02 201). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · AuroMetalSaurus color name →
#6E7F80
oklch(0.583 0.02 201)
Renk dönüşümleri
- HEX
- #6e7f80
- RGB
- rgb(110 127 128)
- HSL
- hsl(183 8% 47%)
- HWB
- hwb(183 43% 50%)
- OKLCH
- oklch(0.583 0.02 201)
- OKLab
- oklab(0.583 -0.019 -0.007)
- CIE Lab
- lab(51.83 -6.28 -2.76)
- LCH
- lch(51.83 6.86 203.7)
- CMYK
- cmyk(14% 1% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C8B8C
- 899798
- 97A4A4
- A6B0B1
- B4BDBE
- C3CACA
- D1D7D7
- E0E4E4
- F0F2F2
Koyu tonlar
- 5F6E6E
- 505D5D
- 414C4D
- 333C3D
- 262D2E
- 191F1F
- 0E1112
- 040606
- 010101
Gri tonlar
- 707F80
- 727F80
- 747F80
- 757F80
- 778080
- 798080
- 7B8080
- 7C8080
- 7E8080
Renk uyumları
Tamamlayıcı +180°
- 6E7F80
AuroMetalSaurus
- 877776
≈ Choo Choo
Analog -30° +30°
- 6E7F80
AuroMetalSaurus
- 707F79
≈ Studio Blue Green
- 707E85
≈ Taliesin Blue
Üçlü +120° +240°
- 6E7F80
AuroMetalSaurus
- 817883
≈ Chain Mail
- 817A6E
≈ Paw Print
Bölünmüş tamamlayıcı +150° +210°
- 6E7F80
AuroMetalSaurus
- 85777D
≈ Soulmate
- 857871
≈ Palomino Pony
Dörtlü +90° +180° +270°
- 6E7F80
AuroMetalSaurus
- 7B7987
≈ Infamous
- 877776
≈ Choo Choo
- 7B7D6F
≈ Tapa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.19:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 5.01:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--aurometalsaurus: #6e7f80;
--aurometalsaurus-rgb: 110 127 128;
--aurometalsaurus-oklch: oklch(0.583 0.02 201);
}
.element {
color: var(--aurometalsaurus);
background-color: hsl(183 8% 47%);
border-color: oklch(0.583 0.02 201);
}Tailwind CSS v4
@theme {
--color-aurometalsaurus: #6e7f80;
--color-aurometalsaurus-50: #eff7f8;
--color-aurometalsaurus-100: #e1eaeb;
--color-aurometalsaurus-200: #cbd7d8;
--color-aurometalsaurus-300: #acbbbc;
--color-aurometalsaurus-400: #91a2a3;
--color-aurometalsaurus-500: #778a8c;
--color-aurometalsaurus-600: #657576;
--color-aurometalsaurus-700: #515e5e;
--color-aurometalsaurus-800: #3b4545;
--color-aurometalsaurus-900: #282f30;
--color-aurometalsaurus-950: #161c1c;
}SCSS
$aurometalsaurus: #6e7f80;
$aurometalsaurus-rgb: 110, 127, 128;
$aurometalsaurus-light: mix(#fff, $aurometalsaurus, 20%);
$aurometalsaurus-dark: mix(#000, $aurometalsaurus, 20%);
.element {
color: $aurometalsaurus;
box-shadow: 0 0 0 2px rgba($aurometalsaurus, 0.35);
}