Nazwany kolor · #6CCC7B
Snow Pea
Snow Pea to #6CCC7B: rgb(108 204 123), hsl(129 48% 61%), oklch(0.766 0.147 147.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Snow Pea color name →
#6CCC7B
oklch(0.766 0.147 147.5)
Konwersje koloru
- HEX
- #6ccc7b
- RGB
- rgb(108 204 123)
- HSL
- hsl(129 48% 61%)
- HWB
- hwb(129 42% 20%)
- OKLCH
- oklch(0.766 0.147 147.5)
- OKLab
- oklab(0.766 -0.124 0.079)
- CIE Lab
- lab(74.71 -42.59 31.26)
- LCH
- lch(74.71 52.83 143.7)
- CMYK
- cmyk(47% 0% 40% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7DD188
- 8DD796
- 9CDCA3
- AAE1B0
- B9E6BD
- C7EBCA
- D5F0D7
- E3F5E5
- F1FAF2
Odcienie ciemniejsze
- 5DB16A
- 4E975A
- 407E4A
- 32653A
- 254E2C
- 19371E
- 0D2210
- 040F05
- 000201
Tony
- 70C47C
- 73BD7D
- 76B57E
- 79AE7F
- 7BA67F
- 7C9E80
- 7E9780
- 7F8F80
- 808880
Harmonie kolorów
Komplementarna +180°
- 6CCC7B
Snow Pea
- E490E3
≈ Love Dust
Analogowa -30° +30°
- 6CCC7B
Snow Pea
- ACBF45
≈ Money Banks
- 00D0B2
≈ Mint Leaf
Triada +120° +240°
- 6CCC7B
Snow Pea
- 92B0FF
≈ Widowmaker
- FF8E82
≈ Desert Flower
Komplementarna rozszczepiona +150° +210°
- 6CCC7B
Snow Pea
- BD9FFF
≈ Diva
- FC89B4
≈ Tickle Me Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.56:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--snow-pea: #6ccc7b;
--snow-pea-rgb: 108 204 123;
--snow-pea-oklch: oklch(0.766 0.147 147.5);
}
.element {
color: var(--snow-pea);
background-color: hsl(129 48% 61%);
border-color: oklch(0.766 0.147 147.5);
}Tailwind CSS v4
@theme {
--color-snow-pea: #6ccc7b;
--color-snow-pea-50: #d9ffdf;
--color-snow-pea-100: #c6f6ce;
--color-snow-pea-200: #a8e6b3;
--color-snow-pea-300: #7fcc8e;
--color-snow-pea-400: #5bb56a;
--color-snow-pea-500: #2c9f48;
--color-snow-pea-600: #28873e;
--color-snow-pea-700: #206c31;
--color-snow-pea-800: #194f20;
--color-snow-pea-900: #113715;
--color-snow-pea-950: #032206;
}SCSS
$snow-pea: #6ccc7b;
$snow-pea-rgb: 108, 204, 123;
$snow-pea-light: mix(#fff, $snow-pea, 20%);
$snow-pea-dark: mix(#000, $snow-pea, 20%);
.element {
color: $snow-pea;
box-shadow: 0 0 0 2px rgba($snow-pea, 0.35);
}