Adlandırılmış renk · #6C7C6D
Brussels
Brussels, #6C7C6D: rgb(108 124 109), hsl(124 7% 45%), oklch(0.569 0.03 146.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Brussels color name →
#6C7C6D
oklch(0.569 0.03 146.9)
Renk dönüşümleri
- HEX
- #6c7c6d
- RGB
- rgb(108 124 109)
- HSL
- hsl(124 7% 45%)
- HWB
- hwb(124 42% 51%)
- OKLCH
- oklch(0.569 0.03 146.9)
- OKLab
- oklab(0.569 -0.025 0.016)
- CIE Lab
- lab(50.35 -8.46 6.14)
- LCH
- lch(50.35 10.45 144)
- CMYK
- cmyk(13% 0% 12% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A887B
- 889588
- 96A296
- A4AEA5
- B3BBB3
- C2C9C2
- D1D6D1
- E0E4E0
- EFF1EF
Koyu tonlar
- 5D6B5E
- 4E5A4F
- 404A41
- 323B33
- 252C26
- 191E19
- 0D110D
- 040504
- 000101
Gri tonlar
- 6E7C6F
- 707D71
- 727D73
- 747E75
- 767E77
- 787E78
- 7A7F7A
- 7C7F7C
- 7E807E
Renk uyumları
Tamamlayıcı +180°
- 6C7C6D
Brussels
- 817180
≈ Decorative Iris
Analog -30° +30°
- 6C7C6D
Brussels
- 757A66
≈ Earl Green
- 657D76
≈ Salal Leaves
Üçlü +120° +240°
- 6C7C6D
Brussels
- 6F7789
≈ Ice Blue Grey
- 88716E
≈ Smokey Claret
Bölünmüş tamamlayıcı +150° +210°
- 6C7C6D
Brussels
- 787487
≈ Flying Carpet
- 867077
≈ Pomace Red
Dörtlü +90° +180° +270°
- 6C7C6D
Brussels
- 677A87
≈ Metal Grey
- 817180
≈ Decorative Iris
- 857366
≈ Fossil
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.42:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.74:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--brussels: #6c7c6d;
--brussels-rgb: 108 124 109;
--brussels-oklch: oklch(0.569 0.03 146.9);
}
.element {
color: var(--brussels);
background-color: hsl(124 7% 45%);
border-color: oklch(0.569 0.03 146.9);
}Tailwind CSS v4
@theme {
--color-brussels: #6c7c6d;
--color-brussels-50: #f0f8f1;
--color-brussels-100: #e1ebe3;
--color-brussels-200: #ccd8cd;
--color-brussels-300: #aebcaf;
--color-brussels-400: #94a394;
--color-brussels-500: #7a8c7b;
--color-brussels-600: #677668;
--color-brussels-700: #525f53;
--color-brussels-800: #3c453c;
--color-brussels-900: #293029;
--color-brussels-950: #171c17;
}SCSS
$brussels: #6c7c6d;
$brussels-rgb: 108, 124, 109;
$brussels-light: mix(#fff, $brussels, 20%);
$brussels-dark: mix(#000, $brussels, 20%);
.element {
color: $brussels;
box-shadow: 0 0 0 2px rgba($brussels, 0.35);
}