Nazwany kolor · #698538
Sun Valley
Sun Valley to #698538: rgb(105 133 56), hsl(82 41% 37%), oklch(0.578 0.109 126.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Sun Valley color name →
#698538
oklch(0.578 0.109 126.3)
Konwersje koloru
- HEX
- #698538
- RGB
- rgb(105 133 56)
- HSL
- hsl(82 41% 37%)
- HWB
- hwb(82 22% 48%)
- OKLCH
- oklch(0.578 0.109 126.3)
- OKLab
- oklab(0.578 -0.065 0.088)
- CIE Lab
- lab(52.06 -19.99 37.26)
- LCH
- lch(52.06 42.28 118.2)
- CMYK
- cmyk(21% 0% 58% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 77914D
- 859D61
- 93A974
- A2B588
- B1C19B
- C0CDAF
- D0DAC3
- DFE6D7
- EFF2EB
Odcienie ciemniejsze
- 5A732F
- 4C6127
- 3E501F
- 314017
- 24300F
- 182108
- 0C1304
- 040601
- 000100
Tony
- 6B8541
- 6E844A
- 708451
- 728459
- 748360
- 778366
- 79826D
- 7B8174
- 7E817A
Harmonie kolorów
Komplementarna +180°
- 698538
Sun Valley
- 8A67AC
≈ Knight Elf
Analogowa -30° +30°
- 698538
Sun Valley
- 8D791B
≈ Jīn Zōng Gold
- 388D5E
≈ Irish
Triada +120° +240°
- 698538
Sun Valley
- 3C7FB6
≈ Steel Blue
- AF5C6F
≈ Pretty Peony
Komplementarna rozszczepiona +150° +210°
- 698538
Sun Valley
- 6973BA
≈ Wind Star
- A25F92
≈ Thimble Red
Tetrada +90° +180° +270°
- 698538
Sun Valley
- 0088A0
≈ Teal Blue
- 8A67AC
≈ Knight Elf
- B0604A
≈ Clay Figure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.18:1 · APCA Lc 69
Ag
AANa czerni
WCAG 5.01:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-valley: #698538;
--sun-valley-rgb: 105 133 56;
--sun-valley-oklch: oklch(0.578 0.109 126.3);
}
.element {
color: var(--sun-valley);
background-color: hsl(82 41% 37%);
border-color: oklch(0.578 0.109 126.3);
}Tailwind CSS v4
@theme {
--color-sun-valley: #698538;
--color-sun-valley-50: #ecfcdb;
--color-sun-valley-100: #ddf0c9;
--color-sun-valley-200: #c6deac;
--color-sun-valley-300: #a7c386;
--color-sun-valley-400: #8eaa61;
--color-sun-valley-500: #74933c;
--color-sun-valley-600: #627c34;
--color-sun-valley-700: #4e6329;
--color-sun-valley-800: #3a491b;
--color-sun-valley-900: #283211;
--color-sun-valley-950: #161e04;
}SCSS
$sun-valley: #698538;
$sun-valley-rgb: 105, 133, 56;
$sun-valley-light: mix(#fff, $sun-valley, 20%);
$sun-valley-dark: mix(#000, $sun-valley, 20%);
.element {
color: $sun-valley;
box-shadow: 0 0 0 2px rgba($sun-valley, 0.35);
}