Adlandırılmış renk · #506C6B
Sequoia Lake
Sequoia Lake, #506C6B: rgb(80 108 107), hsl(178 15% 37%), oklch(0.509 0.033 193.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sequoia Lake color name →
#506C6B
oklch(0.509 0.033 193.4)
Renk dönüşümleri
- HEX
- #506c6b
- RGB
- rgb(80 108 107)
- HSL
- hsl(178 15% 37%)
- HWB
- hwb(178 31% 58%)
- OKLCH
- oklch(0.509 0.033 193.4)
- OKLab
- oklab(0.509 -0.032 -0.008)
- CIE Lab
- lab(43.4 -10.8 -2.96)
- LCH
- lch(43.4 11.19 195.3)
- CMYK
- cmyk(26% 0% 1% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 607A79
- 718887
- 829695
- 93A4A3
- A4B3B2
- B6C2C1
- C8D1D0
- DAE0E0
- ECEFEF
Koyu tonlar
- 445D5C
- 394E4E
- 2E403F
- 243232
- 1A2525
- 101918
- 070D0D
- 020404
- 000000
Gri tonlar
- 556E6D
- 5A706F
- 5F7271
- 647473
- 687675
- 6D7878
- 727A7A
- 777C7C
- 7B7E7E
Renk uyumları
Tamamlayıcı +180°
- 506C6B
Sequoia Lake
- 775E60
≈ Nasake
Analog -30° +30°
- 506C6B
Sequoia Lake
- 556C61
≈ Chelsea Garden
- 526A74
≈ Ruskin Blue
Üçlü +120° +240°
- 506C6B
Sequoia Lake
- 6D6173
≈ Iris Petal
- 716351
≈ Smokehouse
Bölünmüş tamamlayıcı +150° +210°
- 506C6B
Sequoia Lake
- 745F6B
≈ Smoked Mulberry
- 776057
≈ Poppy Pods
Dörtlü +90° +180° +270°
- 506C6B
Sequoia Lake
- 636478
≈ Eggplant Ash
- 775E60
≈ Nasake
- 696751
≈ Warren Tavern
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.67:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.69:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--sequoia-lake: #506c6b;
--sequoia-lake-rgb: 80 108 107;
--sequoia-lake-oklch: oklch(0.509 0.033 193.4);
}
.element {
color: var(--sequoia-lake);
background-color: hsl(178 15% 37%);
border-color: oklch(0.509 0.033 193.4);
}Tailwind CSS v4
@theme {
--color-sequoia-lake: #506c6b;
--color-sequoia-lake-50: #ebf8f8;
--color-sequoia-lake-100: #dceceb;
--color-sequoia-lake-200: #c5d9d9;
--color-sequoia-lake-300: #a5bdbd;
--color-sequoia-lake-400: #89a5a4;
--color-sequoia-lake-500: #6d8d8c;
--color-sequoia-lake-600: #5d7877;
--color-sequoia-lake-700: #4a605f;
--color-sequoia-lake-800: #354645;
--color-sequoia-lake-900: #243130;
--color-sequoia-lake-950: #131d1c;
}SCSS
$sequoia-lake: #506c6b;
$sequoia-lake-rgb: 80, 108, 107;
$sequoia-lake-light: mix(#fff, $sequoia-lake, 20%);
$sequoia-lake-dark: mix(#000, $sequoia-lake, 20%);
.element {
color: $sequoia-lake;
box-shadow: 0 0 0 2px rgba($sequoia-lake, 0.35);
}