Benannte Farbe · #506C6B
Sequoia Lake
Sequoia Lake ist #506C6B: rgb(80 108 107), hsl(178 15% 37%), oklch(0.509 0.033 193.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sequoia Lake color name →
#506C6B
oklch(0.509 0.033 193.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 607A79
- 718887
- 829695
- 93A4A3
- A4B3B2
- B6C2C1
- C8D1D0
- DAE0E0
- ECEFEF
Shades
- 445D5C
- 394E4E
- 2E403F
- 243232
- 1A2525
- 101918
- 070D0D
- 020404
- 000000
Tones
- 556E6D
- 5A706F
- 5F7271
- 647473
- 687675
- 6D7878
- 727A7A
- 777C7C
- 7B7E7E
Farbharmonien
Komplementär +180°
- 506C6B
Sequoia Lake
- 775E60
≈ Nasake
Analog -30° +30°
- 506C6B
Sequoia Lake
- 556C61
≈ Chelsea Garden
- 526A74
≈ Ruskin Blue
Triadisch +120° +240°
- 506C6B
Sequoia Lake
- 6D6173
≈ Iris Petal
- 716351
≈ Smokehouse
Geteilt komplementär +150° +210°
- 506C6B
Sequoia Lake
- 745F6B
≈ Smoked Mulberry
- 776057
≈ Poppy Pods
Tetradisch +90° +180° +270°
- 506C6B
Sequoia Lake
- 636478
≈ Eggplant Ash
- 775E60
≈ Nasake
- 696751
≈ Warren Tavern
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.67:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
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);
}