Nazwany kolor · #7C9865
Pea Aubergine
Pea Aubergine to #7C9865: rgb(124 152 101), hsl(93 20% 50%), oklch(0.645 0.079 131.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Pea Aubergine color name →
#7C9865
oklch(0.645 0.079 131.7)
Konwersje koloru
- HEX
- #7c9865
- RGB
- rgb(124 152 101)
- HSL
- hsl(93 20% 50%)
- HWB
- hwb(93 40% 40%)
- OKLCH
- oklch(0.645 0.079 131.7)
- OKLab
- oklab(0.645 -0.053 0.059)
- CIE Lab
- lab(59.69 -17.33 23.54)
- LCH
- lch(59.69 29.23 126.4)
- CMYK
- cmyk(18% 0% 34% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 88A274
- 95AC83
- A2B692
- AFC0A1
- BCCBB0
- C9D5C0
- D6DFCF
- E4EADF
- F1F4EF
Odcienie ciemniejsze
- 6B8457
- 5A7049
- 4A5C3C
- 3B4A2F
- 2C3822
- 1E2717
- 11170C
- 050803
- 010100
Tony
- 7C9668
- 7D936B
- 7D916E
- 7E8F71
- 7E8C74
- 7F8A76
- 7F8779
- 7F857B
- 80827E
Harmonie kolorów
Komplementarna +180°
- 7C9865
Pea Aubergine
- 9E80B1
≈ Lush Lilac
Analogowa -30° +30°
- 7C9865
Pea Aubergine
- 979055
≈ Cardamom Green
- 5F9D7F
≈ Memphis Green
Triada +120° +240°
- 7C9865
Pea Aubergine
- 6A91BD
≈ Purple Hyacinth
- B87981
≈ Fiesta Rojo
Komplementarna rozszczepiona +150° +210°
- 7C9865
Pea Aubergine
- 8588BD
≈ Pleated Mauve
- AF7A9B
≈ Wonder Wish
Tetrada +90° +180° +270°
- 7C9865
Pea Aubergine
- 5299B0
≈ Starflower Blue
- 9E80B1
≈ Lush Lilac
- B77E68
≈ Happy Trails
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.21:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.53:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--pea-aubergine: #7c9865;
--pea-aubergine-rgb: 124 152 101;
--pea-aubergine-oklch: oklch(0.645 0.079 131.7);
}
.element {
color: var(--pea-aubergine);
background-color: hsl(93 20% 50%);
border-color: oklch(0.645 0.079 131.7);
}Tailwind CSS v4
@theme {
--color-pea-aubergine: #7c9865;
--color-pea-aubergine-50: #ecfbe4;
--color-pea-aubergine-100: #ddeed3;
--color-pea-aubergine-200: #c7dcba;
--color-pea-aubergine-300: #a7c198;
--color-pea-aubergine-400: #8da978;
--color-pea-aubergine-500: #739159;
--color-pea-aubergine-600: #617b4c;
--color-pea-aubergine-700: #4e623c;
--color-pea-aubergine-800: #39482a;
--color-pea-aubergine-900: #27321c;
--color-pea-aubergine-950: #151e0c;
}SCSS
$pea-aubergine: #7c9865;
$pea-aubergine-rgb: 124, 152, 101;
$pea-aubergine-light: mix(#fff, $pea-aubergine, 20%);
$pea-aubergine-dark: mix(#000, $pea-aubergine, 20%);
.element {
color: $pea-aubergine;
box-shadow: 0 0 0 2px rgba($pea-aubergine, 0.35);
}