Nazwany kolor · #9E8F57
Cypress Green
Cypress Green to #9E8F57: rgb(158 143 87), hsl(47 29% 48%), oklch(0.65 0.077 94.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cypress Green color name →
#9E8F57
oklch(0.65 0.077 94.9)
Konwersje koloru
- HEX
- #9e8f57
- RGB
- rgb(158 143 87)
- HSL
- hsl(47 29% 48%)
- HWB
- hwb(47 34% 38%)
- OKLCH
- oklch(0.65 0.077 94.9)
- OKLab
- oklab(0.65 -0.007 0.077)
- CIE Lab
- lab(59.78 -0.12 31.84)
- LCH
- lch(59.78 31.84 90.2)
- CMYK
- cmyk(0% 9% 45% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A79A68
- B1A578
- BAB089
- C4BB99
- CDC6AA
- D7D1BB
- E1DDCC
- EBE8DD
- F5F3EE
Odcienie ciemniejsze
- 897C4B
- 74693E
- 605733
- 4D4527
- 3A341C
- 292412
- 181508
- 090703
- 010100
Tony
- 9B8E5C
- 988C61
- 958B65
- 928969
- 8F886E
- 8C8671
- 898575
- 868379
- 83827D
Harmonie kolorów
Komplementarna +180°
- 9E8F57
Cypress Green
- 818CBF
≈ Pleated Mauve
Analogowa -30° +30°
- 9E8F57
Cypress Green
- B0865C
≈ Autumn
- 849863
≈ Vesuvian Green
Triada +120° +240°
- 9E8F57
Cypress Green
- 529BAD
≈ Starflower Blue
- AD7DA2
≈ Usu Pink
Komplementarna rozszczepiona +150° +210°
- 9E8F57
Cypress Green
- 6695BC
≈ Blue Marble
- 9A83B6
≈ Bougainvillaea
Tetrada +90° +180° +270°
- 9E8F57
Cypress Green
- 539F95
≈ Tourmaline Turquoise
- 818CBF
≈ Pleated Mauve
- B87B89
≈ Foxglove
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.22:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.52:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--cypress-green: #9e8f57;
--cypress-green-rgb: 158 143 87;
--cypress-green-oklch: oklch(0.65 0.077 94.9);
}
.element {
color: var(--cypress-green);
background-color: hsl(47 29% 48%);
border-color: oklch(0.65 0.077 94.9);
}Tailwind CSS v4
@theme {
--color-cypress-green: #9e8f57;
--color-cypress-green-50: #fbf6dd;
--color-cypress-green-100: #efe9cc;
--color-cypress-green-200: #ddd5b0;
--color-cypress-green-300: #c2b88b;
--color-cypress-green-400: #ad9e69;
--color-cypress-green-500: #968647;
--color-cypress-green-600: #7f713d;
--color-cypress-green-700: #665a30;
--color-cypress-green-800: #4c4222;
--color-cypress-green-900: #342d16;
--color-cypress-green-950: #201a07;
}SCSS
$cypress-green: #9e8f57;
$cypress-green-rgb: 158, 143, 87;
$cypress-green-light: mix(#fff, $cypress-green, 20%);
$cypress-green-dark: mix(#000, $cypress-green, 20%);
.element {
color: $cypress-green;
box-shadow: 0 0 0 2px rgba($cypress-green, 0.35);
}