Najbliższy nazwany kolor · #5FAB65
#5FAB65
Najbliższy nazwany kolor: Endo
#5FAB65 (rgb(95 171 101), hsl(125 31% 52%), oklch(0.674 0.127 145.7)) jest najbliższy nazwanemu kolorowi Endo. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5FAB65
oklch(0.674 0.127 145.7)
Konwersje koloru
- HEX
- #5fab65
- RGB
- rgb(95 171 101)
- HSL
- hsl(125 31% 52%)
- HWB
- hwb(125 37% 33%)
- OKLCH
- oklch(0.674 0.127 145.7)
- OKLab
- oklab(0.674 -0.105 0.071)
- CIE Lab
- lab(63.78 -35.88 28.41)
- LCH
- lch(63.78 45.77 141.6)
- CMYK
- cmyk(44% 0% 41% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70B374
- 80BC83
- 90C493
- A0CDA2
- B0D5B1
- C0DEC0
- D0E6D0
- DFEEE0
- EFF7EF
Odcienie ciemniejsze
- 529457
- 447E49
- 38683C
- 2C542F
- 204022
- 152D17
- 0A1B0C
- 030B03
- 000100
Tony
- 64A768
- 68A36C
- 6C9E6F
- 709A71
- 739674
- 769277
- 798D79
- 7B897C
- 7E847E
Harmonie kolorów
Komplementarna +180°
- 5FAB65
Endo
- BE7AC0
≈ Colombo Red Mauve
Analogowa -30° +30°
Triada +120° +240°
- 5FAB65
Endo
- 7194E5
≈ Guilliman Blue
- DA756D
≈ Lantana
Komplementarna rozszczepiona +150° +210°
- 5FAB65
Endo
- 9D85DC
≈ Perrywinkle
- D37399
≈ Fiesta Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--endo: #5fab65;
--endo-rgb: 95 171 101;
--endo-oklch: oklch(0.674 0.127 145.7);
}
.element {
color: var(--endo);
background-color: hsl(125 31% 52%);
border-color: oklch(0.674 0.127 145.7);
}Tailwind CSS v4
@theme {
--color-endo: #5fab65;
--color-endo-50: #deffe1;
--color-endo-100: #ccf4d0;
--color-endo-200: #b0e4b6;
--color-endo-300: #8ac992;
--color-endo-400: #6bb270;
--color-endo-500: #469c4f;
--color-endo-600: #3c8444;
--color-endo-700: #306936;
--color-endo-800: #244d24;
--color-endo-900: #183618;
--color-endo-950: #082109;
}SCSS
$endo: #5fab65;
$endo-rgb: 95, 171, 101;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);
.element {
color: $endo;
box-shadow: 0 0 0 2px rgba($endo, 0.35);
}