Nazwany kolor · #88A95B
Chelsea Cucumber
Chelsea Cucumber to #88A95B: rgb(136 169 91), hsl(85 31% 51%), oklch(0.692 0.112 127.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Chelsea Cucumber color name →
#88A95B
oklch(0.692 0.112 127.8)
Konwersje koloru
- HEX
- #88a95b
- RGB
- rgb(136 169 91)
- HSL
- hsl(85 31% 51%)
- HWB
- hwb(85 36% 34%)
- OKLCH
- oklch(0.692 0.112 127.8)
- OKLab
- oklab(0.692 -0.068 0.088)
- CIE Lab
- lab(65.4 -21.7 36.16)
- LCH
- lch(65.4 42.17 121)
- CMYK
- cmyk(20% 0% 46% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93B26C
- 9FBA7D
- AAC38D
- B6CB9D
- C2D4AD
- CEDDBD
- DAE5CE
- E6EEDE
- F3F6EE
Odcienie ciemniejsze
- 75924E
- 637C41
- 526735
- 415329
- 313F1E
- 222C13
- 131B09
- 060A03
- 010100
Tony
- 87A560
- 86A164
- 869D69
- 85996D
- 849570
- 839174
- 838D77
- 82887A
- 81847D
Harmonie kolorów
Komplementarna +180°
- 88A95B
Chelsea Cucumber
- AF89D1
≈ Middy’s Purple
Analogowa -30° +30°
- 88A95B
Chelsea Cucumber
- AE9C43
≈ Golden Olive
- 59B181
≈ Jade Cream
Triada +120° +240°
- 88A95B
Chelsea Cucumber
- 60A1DE
≈ Windjammer
- D67D8F
≈ I Love You Pink
Komplementarna rozszczepiona +150° +210°
- 88A95B
Chelsea Cucumber
- 8C95E0
≈ Portage
- C980B4
≈ Peruvian Lily
Tetrada +90° +180° +270°
- 88A95B
Chelsea Cucumber
- 31ACCA
≈ Ball Blue
- AF89D1
≈ Middy’s Purple
- D78268
≈ Summer Sunset
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--chelsea-cucumber: #88a95b;
--chelsea-cucumber-rgb: 136 169 91;
--chelsea-cucumber-oklch: oklch(0.692 0.112 127.8);
}
.element {
color: var(--chelsea-cucumber);
background-color: hsl(85 31% 51%);
border-color: oklch(0.692 0.112 127.8);
}Tailwind CSS v4
@theme {
--color-chelsea-cucumber: #88a95b;
--color-chelsea-cucumber-50: #ebfcdb;
--color-chelsea-cucumber-100: #dcf0c9;
--color-chelsea-cucumber-200: #c5deac;
--color-chelsea-cucumber-300: #a5c386;
--color-chelsea-cucumber-400: #8bab61;
--color-chelsea-cucumber-500: #71943c;
--color-chelsea-cucumber-600: #607d34;
--color-chelsea-cucumber-700: #4c6429;
--color-chelsea-cucumber-800: #39491b;
--color-chelsea-cucumber-900: #273311;
--color-chelsea-cucumber-950: #151e04;
}SCSS
$chelsea-cucumber: #88a95b;
$chelsea-cucumber-rgb: 136, 169, 91;
$chelsea-cucumber-light: mix(#fff, $chelsea-cucumber, 20%);
$chelsea-cucumber-dark: mix(#000, $chelsea-cucumber, 20%);
.element {
color: $chelsea-cucumber;
box-shadow: 0 0 0 2px rgba($chelsea-cucumber, 0.35);
}