Nazwany kolor · #68E52F
Shire Green
Shire Green to #68E52F: rgb(104 229 47), hsl(101 78% 54%), oklch(0.818 0.237 138.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Shire Green color name →
#68E52F
oklch(0.818 0.237 138.3)
Konwersje koloru
- HEX
- #68e52f
- RGB
- rgb(104 229 47)
- HSL
- hsl(101 78% 54%)
- HWB
- hwb(101 18% 10%)
- OKLCH
- oklch(0.818 0.237 138.3)
- OKLab
- oklab(0.818 -0.177 0.158)
- CIE Lab
- lab(81.52 -58.27 69.74)
- LCH
- lch(81.52 90.88 129.9)
- CMYK
- cmyk(55% 0% 79% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7BE851
- 8CEC6A
- 9CEF80
- ABF294
- BAF4A7
- C8F7B9
- D6F9CB
- E4FBDD
- F1FDEE
Odcienie ciemniejsze
- 59C727
- 4BAA20
- 3E8E19
- 307212
- 24580C
- 183F06
- 0C2803
- 041201
- 000300
Tony
- 6DDB42
- 72D14F
- 76C759
- 79BD62
- 7BB369
- 7DA96F
- 7E9F74
- 7F9579
- 808A7D
Harmonie kolorów
Komplementarna +180°
- 68E52F
Shire Green
- EAA5FF
≈ Rich Brilliant Lavender
Analogowa -30° +30°
- 68E52F
Shire Green
- CFCB00
≈ Golden Harvest
- 00E5B0
≈ Overchlorinated Pool
Triada +120° +240°
- 68E52F
Shire Green
- 9FC6FF
≈ Apocyan
- FFA9AA
≈ Apricot Haze
Komplementarna rozszczepiona +150° +210°
- 68E52F
Shire Green
- C0BAFF
≈ Dried Lilac
- FFA2D1
≈ Corinthian Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.83:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--shire-green: #68e52f;
--shire-green-rgb: 104 229 47;
--shire-green-oklch: oklch(0.818 0.237 138.3);
}
.element {
color: var(--shire-green);
background-color: hsl(101 78% 54%);
border-color: oklch(0.818 0.237 138.3);
}Tailwind CSS v4
@theme {
--color-shire-green: #68e52f;
--color-shire-green-50: #d1ffc6;
--color-shire-green-100: #bdfcb0;
--color-shire-green-200: #9bed8a;
--color-shire-green-300: #6cd457;
--color-shire-green-400: #46bc00;
--color-shire-green-500: #00a600;
--color-shire-green-600: #008c00;
--color-shire-green-700: #007000;
--color-shire-green-800: #0b5200;
--color-shire-green-900: #073900;
--color-shire-green-950: #002300;
}SCSS
$shire-green: #68e52f;
$shire-green-rgb: 104, 229, 47;
$shire-green-light: mix(#fff, $shire-green, 20%);
$shire-green-dark: mix(#000, $shire-green, 20%);
.element {
color: $shire-green;
box-shadow: 0 0 0 2px rgba($shire-green, 0.35);
}