En yakın adlandırılmış renk · #5A716A
#5A716A
En yakın adlandırılmış renk: Dark Forest
#5A716A (rgb(90 113 106), hsl(162 11% 40%), oklch(0.528 0.029 174.7)) en çok Dark Forest adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5A716A
oklch(0.528 0.029 174.7)
Renk dönüşümleri
- HEX
- #5a716a
- RGB
- rgb(90 113 106)
- HSL
- hsl(162 11% 40%)
- HWB
- hwb(162 35% 56%)
- OKLCH
- oklch(0.528 0.029 174.7)
- OKLab
- oklab(0.528 -0.029 0.003)
- CIE Lab
- lab(45.62 -9.99 0.95)
- LCH
- lch(45.62 10.04 174.6)
- CMYK
- cmyk(20% 0% 6% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 697E78
- 798C86
- 899994
- 99A7A3
- A9B5B2
- BAC4C1
- CBD2D0
- DCE1DF
- EDF0EF
Koyu tonlar
- 4D615B
- 41524D
- 35433F
- 293531
- 1E2724
- 131A18
- 090E0D
- 030404
- 000100
Gri tonlar
- 5E736C
- 62746E
- 667671
- 697773
- 6D7975
- 717A77
- 757C79
- 787D7C
- 7C7F7E
Renk uyumları
Tamamlayıcı +180°
- 5A716A
Dark Forest
- 7A646C
≈ Ephemera
Analog -30° +30°
- 5A716A
Dark Forest
- 617061
≈ Bracken Green
- 587073
≈ Porch Swing
Üçlü +120° +240°
- 5A716A
Dark Forest
- 6C687B
≈ Unexplained
- 79675B
≈ Braid
Bölünmüş tamamlayıcı +150° +210°
- 5A716A
Dark Forest
- 746675
≈ Burnt Ash
- 7B6563
≈ Deep Taupe
Dörtlü +90° +180° +270°
- 5A716A
Dark Forest
- 636B7D
≈ Ashen Whisper
- 7A646C
≈ Ephemera
- 736A58
≈ Toasted Walnut
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--dark-forest: #5a716a;
--dark-forest-rgb: 90 113 106;
--dark-forest-oklch: oklch(0.528 0.029 174.7);
}
.element {
color: var(--dark-forest);
background-color: hsl(162 11% 40%);
border-color: oklch(0.528 0.029 174.7);
}Tailwind CSS v4
@theme {
--color-dark-forest: #5a716a;
--color-dark-forest-50: #edf8f5;
--color-dark-forest-100: #deebe7;
--color-dark-forest-200: #c8d9d4;
--color-dark-forest-300: #a9bdb7;
--color-dark-forest-400: #8da49d;
--color-dark-forest-500: #738d85;
--color-dark-forest-600: #617770;
--color-dark-forest-700: #4e5f5a;
--color-dark-forest-800: #384641;
--color-dark-forest-900: #27302d;
--color-dark-forest-950: #151d1a;
}SCSS
$dark-forest: #5a716a;
$dark-forest-rgb: 90, 113, 106;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}