Nazwany kolor · #05FFA6
Yíng Guāng Sè Green
Yíng Guāng Sè Green to #05FFA6: rgb(5 255 166), hsl(159 100% 51%), oklch(0.882 0.202 159). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Yíng Guāng Sè Green color name →
#05FFA6
oklch(0.882 0.202 159)
Konwersje koloru
- HEX
- #05ffa6
- RGB
- rgb(5 255 166)
- HSL
- hsl(159 100% 51%)
- HWB
- hwb(159 2% 0%)
- OKLCH
- oklch(0.882 0.202 159)
- OKLab
- oklab(0.882 -0.189 0.072)
- CIE Lab
- lab(88.94 -67.28 27.93)
- LCH
- lch(88.94 72.85 157.5)
- CMYK
- cmyk(98% 0% 35% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4FFFAF
- 6FFFB8
- 87FFC1
- 9DFFCA
- B0FFD3
- C1FFDC
- D2FFE5
- E1FFEE
- F0FFF6
Odcienie ciemniejsze
- 04DE90
- 03BE7A
- 029E65
- 018051
- 01633E
- 00482B
- 002E1A
- 00160A
- 000301
Tony
- 3AF2A3
- 4FE59F
- 5DD89B
- 68CB98
- 6FBF94
- 75B290
- 79A68C
- 7D9988
- 7F8D84
Harmonie kolorów
Komplementarna +180°
- 05FFA6
Yíng Guāng Sè Green
- FFC3EB
≈ Soulmate Pink
Analogowa -30° +30°
- 05FFA6
Yíng Guāng Sè Green
- AEF14B
≈ Green Lizard
- 00F8ED
≈ Bright Aqua
Triada +120° +240°
- 05FFA6
Yíng Guāng Sè Green
- CFD5FF
≈ Pale Phthalo Blue
- FFCAB9
≈ Piggy Bank
Komplementarna rozszczepiona +150° +210°
- 05FFA6
Yíng Guāng Sè Green
- E7CBFF
≈ Lens Flare Pink
- FFC7CF
≈ Sweet Memories
Tetrada +90° +180° +270°
- 05FFA6
Yíng Guāng Sè Green
- BADCFF
≈ Broad Daylight
- FFC3EB
≈ Soulmate Pink
- FFCE98
≈ Tangerine Silk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 15.86:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 15.86:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--ying-guang-se-green: #05ffa6;
--ying-guang-se-green-rgb: 5 255 166;
--ying-guang-se-green-oklch: oklch(0.882 0.202 159);
}
.element {
color: var(--ying-guang-se-green);
background-color: hsl(159 100% 51%);
border-color: oklch(0.882 0.202 159);
}Tailwind CSS v4
@theme {
--color-ying-guang-se-green: #05ffa6;
--color-ying-guang-se-green-50: #c2ffe3;
--color-ying-guang-se-green-100: #aafdd2;
--color-ying-guang-se-green-200: #7defb8;
--color-ying-guang-se-green-300: #31d695;
--color-ying-guang-se-green-400: #00c071;
--color-ying-guang-se-green-500: #00ab50;
--color-ying-guang-se-green-600: #009044;
--color-ying-guang-se-green-700: #007436;
--color-ying-guang-se-green-800: #005523;
--color-ying-guang-se-green-900: #003c17;
--color-ying-guang-se-green-950: #002508;
}SCSS
$ying-guang-se-green: #05ffa6;
$ying-guang-se-green-rgb: 5, 255, 166;
$ying-guang-se-green-light: mix(#fff, $ying-guang-se-green, 20%);
$ying-guang-se-green-dark: mix(#000, $ying-guang-se-green, 20%);
.element {
color: $ying-guang-se-green;
box-shadow: 0 0 0 2px rgba($ying-guang-se-green, 0.35);
}