Adlandırılmış renk · #7689A2
Faded Denim
Faded Denim, #7689A2: rgb(118 137 162), hsl(214 19% 55%), oklch(0.624 0.044 255.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Faded Denim color name →
#7689A2
oklch(0.624 0.044 255.4)
Renk dönüşümleri
- HEX
- #7689a2
- RGB
- rgb(118 137 162)
- HSL
- hsl(214 19% 55%)
- HWB
- hwb(214 46% 36%)
- OKLCH
- oklch(0.624 0.044 255.4)
- OKLab
- oklab(0.624 -0.011 -0.042)
- CIE Lab
- lab(56.24 -2.64 -15.74)
- LCH
- lch(56.24 15.96 260.5)
- CMYK
- cmyk(27% 15% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8394AB
- 90A0B4
- 9DABBD
- ABB7C7
- B8C3D0
- C6CED9
- D4DAE3
- E2E6EC
- F1F3F5
Koyu tonlar
- 66768C
- 566477
- 475363
- 38424F
- 29313C
- 1C222A
- 0F1419
- 05070A
- 010101
Gri tonlar
- 77889F
- 78879B
- 798698
- 7A8694
- 7B8591
- 7C848E
- 7D838A
- 7E8287
- 7F8183
Renk uyumları
Tamamlayıcı +180°
- 7689A2
Faded Denim
- 97846A
≈ Woodkraft
Analog -30° +30°
- 7689A2
Faded Denim
- 6B8D9C
≈ Pulitzer Blue
- 8484A1
≈ Velvet Curtain
Üçlü +120° +240°
- 7689A2
Faded Denim
- A07D7F
≈ Brandied Apple
- 7C8E73
≈ Shallot Bulb
Bölünmüş tamamlayıcı +150° +210°
- 7689A2
Faded Denim
- 9F8072
≈ Beaver Kit
- 8B896B
≈ Bitter
Dörtlü +90° +180° +270°
- 7689A2
Faded Denim
- 9C7D8D
≈ Century’s Last Sunset
- 97846A
≈ Woodkraft
- 6F9081
≈ Hawkesbury
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.57:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.87:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.87:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--faded-denim: #7689a2;
--faded-denim-rgb: 118 137 162;
--faded-denim-oklch: oklch(0.624 0.044 255.4);
}
.element {
color: var(--faded-denim);
background-color: hsl(214 19% 55%);
border-color: oklch(0.624 0.044 255.4);
}Tailwind CSS v4
@theme {
--color-faded-denim: #7689a2;
--color-faded-denim-50: #edf6ff;
--color-faded-denim-100: #dfe9f7;
--color-faded-denim-200: #c9d5e7;
--color-faded-denim-300: #aab9ce;
--color-faded-denim-400: #8ea0b9;
--color-faded-denim-500: #7388a3;
--color-faded-denim-600: #62738a;
--color-faded-denim-700: #4e5c6f;
--color-faded-denim-800: #384352;
--color-faded-denim-900: #262f39;
--color-faded-denim-950: #151b23;
}SCSS
$faded-denim: #7689a2;
$faded-denim-rgb: 118, 137, 162;
$faded-denim-light: mix(#fff, $faded-denim, 20%);
$faded-denim-dark: mix(#000, $faded-denim, 20%);
.element {
color: $faded-denim;
box-shadow: 0 0 0 2px rgba($faded-denim, 0.35);
}