Adlandırılmış renk · #717E6F
Devon Rex
Devon Rex, #717E6F: rgb(113 126 111), hsl(112 6% 46%), oklch(0.578 0.027 141.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Devon Rex color name →
#717E6F
oklch(0.578 0.027 141.5)
Renk dönüşümleri
- HEX
- #717e6f
- RGB
- rgb(113 126 111)
- HSL
- hsl(112 6% 46%)
- HWB
- hwb(112 44% 51%)
- OKLCH
- oklch(0.578 0.027 141.5)
- OKLab
- oklab(0.578 -0.021 0.017)
- CIE Lab
- lab(51.38 -7.27 6.49)
- LCH
- lch(51.38 9.75 138.3)
- CMYK
- cmyk(10% 0% 12% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7E8A7C
- 8C968A
- 99A398
- A7B0A6
- B5BCB4
- C4C9C3
- D2D7D2
- E1E4E1
- F0F1F0
Koyu tonlar
- 616D60
- 525C51
- 434C42
- 353C34
- 272D27
- 1A1F1A
- 0E110E
- 040504
- 010101
Gri tonlar
- 737E71
- 747E72
- 767F74
- 777F76
- 797F78
- 7A7F79
- 7C7F7B
- 7D807D
- 7F807E
Renk uyumları
Tamamlayıcı +180°
- 717E6F
Devon Rex
- 817584
≈ Dull Mauve
Analog -30° +30°
- 717E6F
Devon Rex
- 7A7C69
≈ Dried Chive
- 6A7F78
≈ Sabiasagi Blue
Üçlü +120° +240°
- 717E6F
Devon Rex
- 717A8A
≈ Abandoned Spaceship
- 897473
≈ Plum Haze
Bölünmüş tamamlayıcı +150° +210°
- 717E6F
Devon Rex
- 797789
≈ Brewing Storm
- 87737B
≈ Simple Plum
Dörtlü +90° +180° +270°
- 717E6F
Devon Rex
- 6A7D87
≈ Risk-Reward
- 817584
≈ Dull Mauve
- 87756B
≈ Pine Bark
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.27:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.91:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.91:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--devon-rex: #717e6f;
--devon-rex-rgb: 113 126 111;
--devon-rex-oklch: oklch(0.578 0.027 141.5);
}
.element {
color: var(--devon-rex);
background-color: hsl(112 6% 46%);
border-color: oklch(0.578 0.027 141.5);
}Tailwind CSS v4
@theme {
--color-devon-rex: #717e6f;
--color-devon-rex-50: #f1f7f0;
--color-devon-rex-100: #e3eae2;
--color-devon-rex-200: #ced7cd;
--color-devon-rex-300: #afbbaf;
--color-devon-rex-400: #96a394;
--color-devon-rex-500: #7c8b7a;
--color-devon-rex-600: #697668;
--color-devon-rex-700: #545e53;
--color-devon-rex-800: #3e453c;
--color-devon-rex-900: #2a3029;
--color-devon-rex-950: #181c17;
}SCSS
$devon-rex: #717e6f;
$devon-rex-rgb: 113, 126, 111;
$devon-rex-light: mix(#fff, $devon-rex, 20%);
$devon-rex-dark: mix(#000, $devon-rex, 20%);
.element {
color: $devon-rex;
box-shadow: 0 0 0 2px rgba($devon-rex, 0.35);
}