Nazwany kolor · #6CA024
Elven Olympics
Elven Olympics to #6CA024: rgb(108 160 36), hsl(85 63% 38%), oklch(0.646 0.159 130.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Elven Olympics color name →
#6CA024
oklch(0.646 0.159 130.3)
Konwersje koloru
- HEX
- #6ca024
- RGB
- rgb(108 160 36)
- HSL
- hsl(85 63% 38%)
- HWB
- hwb(85 14% 37%)
- OKLCH
- oklch(0.646 0.159 130.3)
- OKLab
- oklab(0.646 -0.103 0.122)
- CIE Lab
- lab(60.47 -32.01 53.91)
- LCH
- lch(60.47 62.69 120.7)
- CMYK
- cmyk(32% 0% 78% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7AAA42
- 88B35A
- 97BD70
- A5C685
- B4D09A
- C3D9AE
- D1E3C2
- E0ECD6
- F0F6EB
Odcienie ciemniejsze
- 5D8B1E
- 4E7618
- 406112
- 324E0C
- 253B07
- 192904
- 0D1902
- 040900
- 000100
Tony
- 6E9D35
- 719A41
- 73974C
- 759455
- 77915D
- 798E65
- 7B8A6C
- 7C8773
- 7E847A
Harmonie kolorów
Komplementarna +180°
- 6CA024
Elven Olympics
- AC6ED5
≈ Rich Lavender
Analogowa -30° +30°
- 6CA024
Elven Olympics
- A18F00
≈ Romaine Green
- 00A86F
≈ Sesame Street Green
Triada +120° +240°
- 6CA024
Elven Olympics
- 3091EA
≈ Bleu de France
- DC5E77
≈ Hint of Cherry
Komplementarna rozszczepiona +150° +210°
- 6CA024
Elven Olympics
- 7D7FEC
≈ Hera Blue
- CB62AB
≈ Pú Táo Zǐ Purple
Tetrada +90° +180° +270°
- 6CA024
Elven Olympics
- 009EBF
≈ Delos Blue
- AC6ED5
≈ Rich Lavender
- DC6639
≈ Bronzed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.69:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.69:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--elven-olympics: #6ca024;
--elven-olympics-rgb: 108 160 36;
--elven-olympics-oklch: oklch(0.646 0.159 130.3);
}
.element {
color: var(--elven-olympics);
background-color: hsl(85 63% 38%);
border-color: oklch(0.646 0.159 130.3);
}Tailwind CSS v4
@theme {
--color-elven-olympics: #6ca024;
--color-elven-olympics-50: #e4ffd1;
--color-elven-olympics-100: #d4f4bd;
--color-elven-olympics-200: #bbe39c;
--color-elven-olympics-300: #98c971;
--color-elven-olympics-400: #7eb041;
--color-elven-olympics-500: #619900;
--color-elven-olympics-600: #528200;
--color-elven-olympics-700: #426800;
--color-elven-olympics-800: #324c00;
--color-elven-olympics-900: #223500;
--color-elven-olympics-950: #112000;
}SCSS
$elven-olympics: #6ca024;
$elven-olympics-rgb: 108, 160, 36;
$elven-olympics-light: mix(#fff, $elven-olympics, 20%);
$elven-olympics-dark: mix(#000, $elven-olympics, 20%);
.element {
color: $elven-olympics;
box-shadow: 0 0 0 2px rgba($elven-olympics, 0.35);
}