Najbliższy nazwany kolor · #83A655
#83A655
Najbliższy nazwany kolor: Frankenstein
#83A655 (rgb(131 166 85), hsl(86 32% 49%), oklch(0.68 0.116 128.4)) jest najbliższy nazwanemu kolorowi Frankenstein. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#83A655
oklch(0.68 0.116 128.4)
Konwersje koloru
- HEX
- #83a655
- RGB
- rgb(131 166 85)
- HSL
- hsl(86 32% 49%)
- HWB
- hwb(86 33% 35%)
- OKLCH
- oklch(0.68 0.116 128.4)
- OKLab
- oklab(0.68 -0.072 0.091)
- CIE Lab
- lab(64.11 -22.77 37.51)
- LCH
- lch(64.11 43.88 121.3)
- CMYK
- cmyk(21% 0% 49% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8FAF67
- 9BB878
- A7C189
- B3CA9A
- BFD2AA
- CCDBBB
- D8E4CC
- E5EDDD
- F2F6EE
Odcienie ciemniejsze
- 719049
- 607A3D
- 4F6531
- 3F5126
- 2F3E1C
- 202B11
- 121A08
- 060A02
- 010100
Tony
- 83A25B
- 839F60
- 829B65
- 829769
- 82936E
- 819072
- 818C76
- 818879
- 80847D
Harmonie kolorów
Komplementarna +180°
- 83A655
Frankenstein
- AD84CF
≈ Middy’s Purple
Analogowa -30° +30°
- 83A655
Frankenstein
- AB993A
≈ Pestulance
- 50AE7D
≈ Divot
Triada +120° +240°
- 83A655
Frankenstein
- 5B9EDC
≈ Blue Bay
- D5798A
≈ Razzberries
Komplementarna rozszczepiona +150° +210°
- 83A655
Frankenstein
- 8890DF
≈ Perrywinkle
- C77BB1
≈ Peruvian Lily
Tetrada +90° +180° +270°
- 83A655
Frankenstein
- 22A9C8
≈ Pacific Blue
- AD84CF
≈ Middy’s Purple
- D57E62
≈ Silithus Brown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.55:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--frankenstein: #83a655;
--frankenstein-rgb: 131 166 85;
--frankenstein-oklch: oklch(0.68 0.116 128.4);
}
.element {
color: var(--frankenstein);
background-color: hsl(86 32% 49%);
border-color: oklch(0.68 0.116 128.4);
}Tailwind CSS v4
@theme {
--color-frankenstein: #83a655;
--color-frankenstein-50: #eafdda;
--color-frankenstein-100: #dbf0c8;
--color-frankenstein-200: #c4dfab;
--color-frankenstein-300: #a3c485;
--color-frankenstein-400: #8aac5f;
--color-frankenstein-500: #6f9439;
--color-frankenstein-600: #5e7d32;
--color-frankenstein-700: #4b6427;
--color-frankenstein-800: #384919;
--color-frankenstein-900: #263310;
--color-frankenstein-950: #151e03;
}SCSS
$frankenstein: #83a655;
$frankenstein-rgb: 131, 166, 85;
$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);
}