Adlandırılmış renk · #7D9A7B
Scottish Highlands
Scottish Highlands, #7D9A7B: rgb(125 154 123), hsl(116 13% 54%), oklch(0.655 0.056 143.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Scottish Highlands color name →
#7D9A7B
oklch(0.655 0.056 143.2)
Renk dönüşümleri
- HEX
- #7d9a7b
- RGB
- rgb(125 154 123)
- HSL
- hsl(116 13% 54%)
- HWB
- hwb(116 48% 40%)
- OKLCH
- oklch(0.655 0.056 143.2)
- OKLab
- oklab(0.655 -0.045 0.033)
- CIE Lab
- lab(60.72 -15.2 12.85)
- LCH
- lch(60.72 19.91 139.8)
- CMYK
- cmyk(19% 0% 20% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89A488
- 96AE94
- A3B7A1
- AFC1AE
- BCCCBB
- C9D6C8
- D7E0D6
- E4EAE3
- F1F5F1
Koyu tonlar
- 6C856A
- 5B715A
- 4B5E4A
- 3B4B3A
- 2C392C
- 1E271E
- 111710
- 050905
- 010101
Gri tonlar
- 7D977C
- 7E957C
- 7E927D
- 7F907D
- 7F8D7E
- 7F8A7E
- 7F887F
- 80857F
- 808380
Renk uyumları
Tamamlayıcı +180°
- 7D9A7B
Scottish Highlands
- A286A5
≈ Wonder Violet
Analog -30° +30°
- 7D9A7B
Scottish Highlands
- 90956D
≈ Boston Fern
- 6D9C8E
≈ Little League
Üçlü +120° +240°
- 7D9A7B
Scottish Highlands
- 7F91B4
≈ Luxury
- B18481
≈ Rose Dawn
Bölünmüş tamamlayıcı +150° +210°
- 7D9A7B
Scottish Highlands
- 928BB0
≈ Larkspur Violet
- AD8393
≈ Noble Lilac
Dörtlü +90° +180° +270°
- 7D9A7B
Scottish Highlands
- 6F97AE
≈ American Anthem
- A286A5
≈ Wonder Violet
- AD8871
≈ Renwick Rose Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.09:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.78:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--scottish-highlands: #7d9a7b;
--scottish-highlands-rgb: 125 154 123;
--scottish-highlands-oklch: oklch(0.655 0.056 143.2);
}
.element {
color: var(--scottish-highlands);
background-color: hsl(116 13% 54%);
border-color: oklch(0.655 0.056 143.2);
}Tailwind CSS v4
@theme {
--color-scottish-highlands: #7d9a7b;
--color-scottish-highlands-50: #ecfaec;
--color-scottish-highlands-100: #ddeddd;
--color-scottish-highlands-200: #c6dbc6;
--color-scottish-highlands-300: #a6bfa6;
--color-scottish-highlands-400: #8ba789;
--color-scottish-highlands-500: #70906e;
--color-scottish-highlands-600: #5f7a5e;
--color-scottish-highlands-700: #4c624b;
--color-scottish-highlands-800: #384735;
--color-scottish-highlands-900: #263124;
--color-scottish-highlands-950: #141d13;
}SCSS
$scottish-highlands: #7d9a7b;
$scottish-highlands-rgb: 125, 154, 123;
$scottish-highlands-light: mix(#fff, $scottish-highlands, 20%);
$scottish-highlands-dark: mix(#000, $scottish-highlands, 20%);
.element {
color: $scottish-highlands;
box-shadow: 0 0 0 2px rgba($scottish-highlands, 0.35);
}