Nazwany kolor · #5EB68D
Crazy Eyes
Crazy Eyes to #5EB68D: rgb(94 182 141), hsl(152 38% 54%), oklch(0.71 0.105 161.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Crazy Eyes color name →
#5EB68D
oklch(0.71 0.105 161.8)
Konwersje koloru
- HEX
- #5eb68d
- RGB
- rgb(94 182 141)
- HSL
- hsl(152 38% 54%)
- HWB
- hwb(152 37% 29%)
- OKLCH
- oklch(0.71 0.105 161.8)
- OKLab
- oklab(0.71 -0.1 0.033)
- CIE Lab
- lab(67.75 -35.09 12.41)
- LCH
- lch(67.75 37.22 160.5)
- CMYK
- cmyk(48% 0% 23% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70BD98
- 81C5A3
- 92CCAE
- A2D3B9
- B2DBC5
- C1E2D0
- D1E9DC
- E0F1E7
- F0F8F3
Odcienie ciemniejsze
- 519E7A
- 448667
- 376F55
- 2B5944
- 1F4433
- 143023
- 0A1D14
- 030C07
- 000201
Tony
- 64B18C
- 68AB8B
- 6DA689
- 71A088
- 749B87
- 779685
- 7A9084
- 7C8B83
- 7E8581
Harmonie kolorów
Komplementarna +180°
- 5EB68D
Crazy Eyes
- CF87B4
≈ Cyclamen
Analogowa -30° +30°
- 5EB68D
Crazy Eyes
- 89AF69
≈ Celuce
- 3CB6B2
≈ Message Green
Triada +120° +240°
- 5EB68D
Crazy Eyes
- 9799E2
≈ Portage
- D98B6D
≈ Bronzed Orange
Komplementarna rozszczepiona +150° +210°
- 5EB68D
Crazy Eyes
- B78ED1
≈ Pale Purple
- DB8590
≈ Shimmering Blush
Tetrada +90° +180° +270°
- 5EB68D
Crazy Eyes
- 6FA5E1
≈ Greek Sea
- CF87B4
≈ Cyclamen
- CA9653
≈ Honey Yellow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.55:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--crazy-eyes: #5eb68d;
--crazy-eyes-rgb: 94 182 141;
--crazy-eyes-oklch: oklch(0.71 0.105 161.8);
}
.element {
color: var(--crazy-eyes);
background-color: hsl(152 38% 54%);
border-color: oklch(0.71 0.105 161.8);
}Tailwind CSS v4
@theme {
--color-crazy-eyes: #5eb68d;
--color-crazy-eyes-50: #dbffed;
--color-crazy-eyes-100: #c9f4de;
--color-crazy-eyes-200: #abe3c8;
--color-crazy-eyes-300: #83c9a9;
--color-crazy-eyes-400: #5fb28b;
--color-crazy-eyes-500: #349b70;
--color-crazy-eyes-600: #2e835f;
--color-crazy-eyes-700: #25694c;
--color-crazy-eyes-800: #1b4d35;
--color-crazy-eyes-900: #123624;
--color-crazy-eyes-950: #032113;
}SCSS
$crazy-eyes: #5eb68d;
$crazy-eyes-rgb: 94, 182, 141;
$crazy-eyes-light: mix(#fff, $crazy-eyes, 20%);
$crazy-eyes-dark: mix(#000, $crazy-eyes, 20%);
.element {
color: $crazy-eyes;
box-shadow: 0 0 0 2px rgba($crazy-eyes, 0.35);
}