Najbliższy nazwany kolor · #83A563
#83A563
Najbliższy nazwany kolor: Frankenstein
#83A563 (rgb(131 165 99), hsl(91 27% 52%), oklch(0.68 0.099 130.8)) jest najbliższy nazwanemu kolorowi Frankenstein. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#83A563
oklch(0.68 0.099 130.8)
Konwersje koloru
- HEX
- #83a563
- RGB
- rgb(131 165 99)
- HSL
- hsl(91 27% 52%)
- HWB
- hwb(91 39% 35%)
- OKLCH
- oklch(0.68 0.099 130.8)
- OKLab
- oklab(0.68 -0.065 0.075)
- CIE Lab
- lab(63.98 -21.02 30.22)
- LCH
- lch(63.98 36.81 124.8)
- CMYK
- cmyk(21% 0% 40% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8FAE73
- 9BB782
- A7C091
- B3C9A1
- BFD2B0
- CCDBC0
- D9E4CF
- E5EDDF
- F2F6EF
Odcienie ciemniejsze
- 718F55
- 607947
- 4F653A
- 3F512E
- 2F3D21
- 202B16
- 121A0B
- 060A03
- 010100
Tony
- 83A167
- 839E6A
- 829A6D
- 829670
- 829373
- 818F76
- 818B79
- 81887B
- 80847E
Harmonie kolorów
Komplementarna +180°
- 83A563
Frankenstein
- AC87C6
≈ Creeping Bellflower
Analogowa -30° +30°
- 83A563
Frankenstein
- A69A4E
≈ Formosan Green
- 5BAB84
≈ Green Tourmaline
Triada +120° +240°
- 83A563
Frankenstein
- 699DD4
≈ Blue Electress
- CD7E89
≈ Grey Matter
Komplementarna rozszczepiona +150° +210°
- 83A563
Frankenstein
- 8D91D4
≈ Mystic Iris
- C280AB
≈ Joie de Vivre
Tetrada +90° +180° +270°
- 83A563
Frankenstein
- 45A6C3
≈ Moonstone
- AC87C6
≈ Creeping Bellflower
- CC8368
≈ Cabana Melon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.52:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--frankenstein: #83a563;
--frankenstein-rgb: 131 165 99;
--frankenstein-oklch: oklch(0.68 0.099 130.8);
}
.element {
color: var(--frankenstein);
background-color: hsl(91 27% 52%);
border-color: oklch(0.68 0.099 130.8);
}Tailwind CSS v4
@theme {
--color-frankenstein: #83a563;
--color-frankenstein-50: #eafcdf;
--color-frankenstein-100: #dbf0ce;
--color-frankenstein-200: #c4deb3;
--color-frankenstein-300: #a4c38e;
--color-frankenstein-400: #8aab6c;
--color-frankenstein-500: #6f934b;
--color-frankenstein-600: #5e7d40;
--color-frankenstein-700: #4b6433;
--color-frankenstein-800: #384922;
--color-frankenstein-900: #263317;
--color-frankenstein-950: #141e08;
}SCSS
$frankenstein: #83a563;
$frankenstein-rgb: 131, 165, 99;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}