Adlandırılmış renk · #484F49
Model T
Model T, #484F49: rgb(72 79 73), hsl(129 5% 30%), oklch(0.419 0.013 149.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Model T color name →
#484F49
oklch(0.419 0.013 149.6)
Renk dönüşümleri
- HEX
- #484f49
- RGB
- rgb(72 79 73)
- HSL
- hsl(129 5% 30%)
- HWB
- hwb(129 28% 69%)
- OKLCH
- oklch(0.419 0.013 149.6)
- OKLab
- oklab(0.419 -0.011 0.007)
- CIE Lab
- lab(32.81 -3.92 2.54)
- LCH
- lch(32.81 4.67 147)
- CMYK
- cmyk(9% 0% 8% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 585F59
- 696F6A
- 7B807B
- 8C918D
- 9FA39F
- B1B4B2
- C4C7C4
- D7D9D8
- EBECEB
Koyu tonlar
- 3D443E
- 333834
- 292E2A
- 1F2320
- 161917
- 0D100E
- 060706
- 020202
- 000000
Gri tonlar
- 4D544E
- 535854
- 585D59
- 5E625E
- 636764
- 696C69
- 6F716F
- 747675
- 7A7B7A
Renk uyumları
Tamamlayıcı +180°
- 484F49
Model T
- 514A50
≈ Noblesse
Analog -30° +30°
- 484F49
Model T
- 4C4E46
≈ Aceto Balsamico
- 454F4D
≈ Spinel Black
Üçlü +120° +240°
- 484F49
Model T
- 4A4D54
≈ Isolation
- 544A49
≈ Matterhorn
Bölünmüş tamamlayıcı +150° +210°
- 484F49
Model T
- 4E4B53
≈ Galaxy
- 534A4D
≈ Underground Civilization
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.43:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.49:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--model-t: #484f49;
--model-t-rgb: 72 79 73;
--model-t-oklch: oklch(0.419 0.013 149.6);
}
.element {
color: var(--model-t);
background-color: hsl(129 5% 30%);
border-color: oklch(0.419 0.013 149.6);
}Tailwind CSS v4
@theme {
--color-model-t: #484f49;
--color-model-t-50: #f2f6f3;
--color-model-t-100: #e5e9e6;
--color-model-t-200: #d0d6d1;
--color-model-t-300: #b3b9b4;
--color-model-t-400: #99a19a;
--color-model-t-500: #808981;
--color-model-t-600: #6d746e;
--color-model-t-700: #575d58;
--color-model-t-800: #3f4440;
--color-model-t-900: #2c2f2c;
--color-model-t-950: #191b19;
}SCSS
$model-t: #484f49;
$model-t-rgb: 72, 79, 73;
$model-t-light: mix(#fff, $model-t, 20%);
$model-t-dark: mix(#000, $model-t, 20%);
.element {
color: $model-t;
box-shadow: 0 0 0 2px rgba($model-t, 0.35);
}